| // opacity | |
| type = "opacity_fade_in"; | |
| try { | |
| v = comp("_SETTINGS").layer(type).transform.opacity.valueAtTime(time - thisLayer.inPoint); | |
| } catch(err) { | |
| v = value | |
| } | |
| v |
| var params = { | |
| 'in': [0, 44, false], | |
| 'loop': [45, 134, true], | |
| 'out': [135, 195, false] | |
| }; | |
| // ------------ | |
| if (marker.numKeys) { | |
| var pm = marker.nearestKey(time); | |
| if (pm.index == 1 && time < pm.time) { |
| float lineSegDistance( vec2 p, vec2 l1, vec2 l2) { | |
| float a2 = pow( distance(l1, p), 2.0 ); | |
| float b2 = pow( distance(l2, p), 2.0 ); | |
| float c = abs( distance(l1, l2) ); | |
| float c2 = c * c; | |
| if ( a2 + c2 < b2 || b2 + c2 < a2 ) { | |
| return 10000000000000000000.0; | |
| } |
| # canvas will be exported to "./export/test/test000089.png" | |
| canvas = document.cleateElement('canvas') | |
| # draw something on canvas.. | |
| # post | |
| $.ajax | |
| type: "POST" | |
| url: './save.php' |
インタラクティブとかフィジカル・コンピューティング周りで、キーフレームアニメーション作りたいなーってケースが最近増えてきた。
ジェネ系の作品って、ダタのガンマカーブやcubic-bezierのアニメーションが多かったりして、全然モーションに気を配ってないなって思うこと多い。だから、AEとかC4Dみたいな感覚でアニメーションの試行錯誤ができるようになったらもっとジェネ表現は気持ちよくなる気がする。
例えばoFだと、ofxTimelineがあったりするけど、もっと汎用性の高い、キーフレームアニメーションを打つ専用のスタンドアローンアプリがほしい。
| module.exports = gulp | |
| #---------------------------------------- | |
| gulp = require 'gulp' | |
| coffee = require 'gulp-coffee' | |
| compass = require 'gulp-compass' | |
| jade = require 'gulp-jade' | |
| plumber = require 'gulp-plumber' | |
| srcmap = require 'gulp-sourcemaps' |
| /* | |
| * Usage: | |
| * 1) Select destination layers and then select source layer | |
| * 2) Run | |
| */ | |
| // https://github.com/douglascrockford/JSON-js/blob/master/json2.js | |
| #include "json2.js" | |
| main(); |
| ./p5-pipe.sh pipe_invert pipe_blur --args ./sample.png |
| javascript:charas=["asuka","natsuki","kaori","hazuki","sapphire","haruka","yuuko","shuichi","reina"];$.each(charas,function(a,u){$("."+u).css("background-image","url(http://baku89.com/files/kumiko/kumiko_"+a+".jpg")}); |
| var duration = 1; | |
| if (thisProperty.numKeys < 2) { | |
| value | |
| } else { | |
| var pk = nearestKey(time); | |
| (pk.index > 1 && time < pk.time) ? pk = thisProperty.key(pk.index-1) : false; | |
| if (time - pk.time < duration && pk.index > 1) { | |
| ease(time, pk.time, pk.time+duration, thisProperty.key(pk.index-1).value, pk.value); | |
| } else { |
