Author: Contra
-
DD – data visualization [2017]
“DD” is a smart taxi distribution system like Uber. Its data has complicated multiple dimensions, such as TPH, Deal Rate, Distance, Guided or Unguided Rate, Requests/Drivers Rate, Coordinate, Time, etc.We designed and developed the data visualization. The map area is setup at Shanghai China. Yidan:Data analysis, data visualization design, UI.Sketch, Cinema 4D. Contra:Raw data parser, data visualization development.React,…
-
SCIENTIFIC – website [2017]
“SCIENTIFIC LAB“, just another cool company with cool product.We build website for them. Yidan:Logo, icon and web design.Sketch, Photoshop. Contra:Website development and server operation.Drupal.
-
如何提升DOCKER FOR MAC性能
Docker For Mac 在mount本地文件时，有很大的性能问题，本文介绍两种实测有效的性能提升方法。 什么是Docker for Mac： Docker for Mac is an easy-to-install desktop app for building, debugging and testing Dockerized apps on a Mac. Docker for Mac is a complete development environment deeply integrated with the MacOS Hypervisor framework, networking and filesystem. Docker for Mac is the fastest and most reliable way to run…
-
你的对象可能是个函数！MaxMSP 函数式编程学习
先来一首定场诗： There is a cycle, a rhythm to the universe. Today one program will be popular, tomorrow another. Today 500 bugs will be fixed, tomorrow another 500 will appear. To understand life is to know that the rhythm exists. To understand Zen is to live outside this rhythm, detached from the everyday concerns of life.…
-
物美价廉的家用互动触摸墙
本次周末DEMO，是一个互动触摸墙原型。 器材： 导电墨水笔 Makey Makey 画纸 投影仪 程序：Adobe Animate 视觉：PS 手绘 + AE —- 导电墨水 —- 关于墙体的互动方案，雷达，家里玩太贵；摄像头CV识别，缺少触摸感；最终选用了导电墨水： Bare Conductive这一款导电墨水笔，淘宝一支百元左右： 为保护家里墙面，拿白板+画纸代替。 第一层纸，画好导电线路： 再铺一层纸，触摸位置挖个简单粗暴的洞： —- Makey Makey —- 图自http://makeymakey.com 图自http://makeymakey.com Makey Makey直接映射的就是键盘，所以接好线路即可： —- 程序 —- 控制及呈现的程序，平台选用 Adobe Animate，看着眼生？它以前叫 Flash 。 在 Animate 里所见即所得的做 Layout，以及导入动画序列帧。 代码部分，用 Javascript API，而非as3，这样可将项目发布成 HTML5+Canvas 的 Web 形式，而非传统的 swf Flash。 发布成 Web，就非常灵活了。Web 页面托管在开发机上，而连接 Makey…
-
末日技能：新媒体艺术家如何在末世AI来临时用MaxMSP收听广播
从《终结者1》中的“天网”开始，“人工智能”若隐若现了三十多年，终于在今年占领了头条位置。据说霍爷（不是元甲，是霍金）也预言了 “人类未来的敌人就是 AI ”。 在不远的未来的某一天，当你摆脱智能扫地机器人的阻拦跳出窗外，才发现街上不断涌来的僵尸，空气中弥漫着能使人变异的病毒，无人驾驶的汽车拦在十字路口。微信是不能发了，谁知道另一头接收微信的是人还是狗。急迫想刷微博朋友圈获取最新消息，但互联网已经被天网完全控制。 是时候学一门末日技能了，在断网的时候能跟外界保持联络。 可以选择通过 3KHz～300GHz 之间的电磁波来通信，用国语说就是收听广播。 严格地讲，不是指普通家用或车里收听的那种广播（接收范围有点窄），而是“无线电”。能收到世界某个角落发出的微弱信息，指引着末日仅存的人类。 当然，作为一名新媒体艺术家，身上背个无线电台坐在星巴克喝茶，目标有点大，功能也不太灵活。能否直接用星巴克店机 Mac 笔记本来接收无线电呢？ 用电脑接收无线电（而非通过互联网），背景原理是“软件定义无线电”，简单说是用电脑软件来实现一部分传统电台的硬件电路功能，详情可以搜索“Software Defined Radio”、“RTL-SDR”等关键词。 本文直接上实例，需要以下三样： Macbook Pro； 基于 MaxMSP 的 SDR patch（也有 Pure Data 版）； Realtek RTL2832U+R820T 电视棒。 说好的听广播，怎么又变成看电视了？Realtek RTL2832U + R820T，是 Realtek 产的一款芯片的型号，原本是做电视棒的。但这个芯片具有非常广的频率接收范围，又物美价廉，就被广泛用来做 SDR 应用了。因为即便是软件无线电也不能完全纯软，这根棒棒就包含了必要的射频调谐器、ADC 等硬件，还有根天线。 RTL2832U+R820T 电视棒我买的是这一款，四五十块钱，看上去是个“U盘”加根天线，小巧。 其实还带个遥控器，毕竟人家是电视棒…… 厂家批高灵敏度RTL2832U+R820T2 USB DVB-T FM SDRHelloCQ无线电 插好电视棒，接下来就是准备 SDR 软件。 SDR 软件有很多种，本文专为新媒体艺术家量身推荐基于 Max/Pd 的 SDR…
-
前后分离兼攻守，干活带风嗖嗖嗖
上一篇写了猪跑上码头（Drupal on Docker），Drupal 诞生于2001年，那个时候攒台电脑还要跑去中关村。虽然 Docker 也算显年轻，但为了证明40岁不是 Coder 的年龄大限，这一篇我决定把 React 也拉进来。（什么，华为从34岁就开始清理了？扶我坐下……） 用 React 做前端，开发 SPA（单页面应用），就不再需要 Drupal 繁琐的模版主题了。保留 Drupal 的纯后台功能，通过 RESTful API 来实现前后数据通信。 即所谓的前后分离、Headless Drupal，等等。 必要时，还可以在 React 与 Drupal 之间再加上 Node 这一层，做一些访问数据库之前的逻辑处理，或实现首屏页面服务端渲染以优化SEO等。 这样一来，后台用 Drupal 快速定制功能，还天然捎带了一个多用户权限的后台管理系统；前端用 React 可随意定制各种样式的页面。当然后台也可以换成 Java PHP Go Scala Python 第三方云服务等你或你同事或你客户开心的技术来做，反正前后分离了。 正所谓进可攻，退可守，干活带风嗖嗖嗖。 WordPress 其实早就这么做了，wordpress.com的dashboard，已经全部由 React + Node 重构，通过 RESTful API 与 WordPress 后台通信。 我之所以没有选 WordPress，是因为…
-
猪跑上码头
本文讲述如何搭建docker上的drupal开发环境，让猪跑上码头。 安装ubuntu 16.04 64位，本文使用 qcloud 按官方指引安装docker Example: Install Docker on Ubuntu Linux 用sudo权限的user登入 检查一下是否安装了curl $ which curl *如果没有安装： $ sudo apt-get update $ sudo apt-get install curl 获取最新的docker包 $ curl -fsSL https://get.docker.com/ | sh 鉴于跨国网速，大约需要一二十分钟不等。 将当前系统用户加入docker用户组 只有 root 用户和 docker 组的用户才可以访问 Docker 引擎的 Unix socket。 $ sudo groupadd docker $ sudo usermod -aG docker $USER…
-
MaxMSP与其他软件的三种连接方式
在知乎看到了一个问题：Cycling ’74 的Max7如何与Flash连接？ 里面问到了flosc，说资料不好找。 这真是个勾起回忆的话题，很久很久以前，when I was young …… 就以Flash为引子，介绍Max的三种通信（连接）方式。从通信协议角度可以分为：OSC(UDP)，TCP，HTTP。 关于一些术语的解释，摇摆后决定：能google到的根本轮不到我啰嗦。 1. OSC(UDP) Flash因为对UDP支持不太好，所以早年间无法直接通过OSC将Flash与Max相连接。于是有了flosc。 flosc其实是一个第三方网关，说起来也有十几岁了。。 Flash通过TCP连到flosc，flosc通过OSC与Max相连，间接实现Flash与Max通信。 这里的flosc还可以下载，一般只有老司机才能找到: http://transmote.com/flosc/ “last updated december 6, 2003“ 向作者致敬，站还开着呢 Orz 但是如果你用Flash做AIR开发，AIR其实是支持UDP的，这样理论上可以跳过flosc。 AIR UDP 文档：DatagramSocket Adobe ActionScript® 3 (AS3 ) API Reference 关于AIR的UDP，这真是个勾起回忆的话题，很久很久以前，有个戴红领巾的少年，胸中有一团火焰…… 下边这段AIR UDP的介绍发于2010年的豆瓣： 【互动青年醒目】flash player 10.1 与 air 2.0新特性 …… Advanced networking capabilities like secure sockets, UDP support, and…