This is a utility to make CreateJS canvas responds to retina display.
A Pen by Thomas Seng Hin Mak on CodePen.
https://www.dropbox.com/s/nmh10tmsdkto1u1/Testing%20Client%20A.zip?dl=0 |
1. I like the AsciiDoc that uses `+` to connect paragraphs inside list item, instead of adding indent in markdown. | |
2. The URL example `:1:` in AsciiDoc looks similar to `[1]` in markdown. But actually `:1:` is a variable that can be used any where. | |
3. This is just a simple comparasion for a simple document. I find markdown is good enough for a short article writing. On the other hands, AsciiDoc is better for longer writings. |
This is a utility to make CreateJS canvas responds to retina display.
A Pen by Thomas Seng Hin Mak on CodePen.
// data tweening | |
createjs.Tween.get({opacity:0,x:0}, {loop:true, onChange:render}) | |
.to({opacity: 0.9, x:200}, 300, createjs.Ease.bounceOut) | |
.to({opacity: 0.3}, 300, createjs.Ease.easeOut) | |
.wait(200) | |
.to({opacity: 0.9}, 300, createjs.Ease.easeOut) | |
.to({opacity: 0, x:0}, 300, createjs.Ease.easeOut) | |
.wait(1000) | |
// view rendering |
<div class="switch-toggle switch-candy"> | |
<input id="week" name="view" type="radio" checked> | |
<label for="week" onclick="">Week</label> | |
<input id="month" name="view" type="radio"> | |
<label for="month" onclick="">Month</label> | |
<input id="day" name="view" type="radio"> | |
<label for="day" onclick="">Day</label> |
[alias] | |
s = status -s | |
st = status | |
lg = log --all --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr)%C(bold blue)<%an>%Creset' --abbrev-commit | |
ll = log --all --color --oneline --graph --decorate |
// data tweening | |
createjs.Tween.get({opacity:0,x:0}, {loop:true, onChange:render}) | |
.to({opacity: 0.9, x:200}, 300, createjs.Ease.bounceOut) | |
.to({opacity: 0.3}, 300, createjs.Ease.easeOut) | |
.wait(200) | |
.to({opacity: 0.9}, 300, createjs.Ease.easeOut) | |
.to({opacity: 0, x:0}, 300, createjs.Ease.easeOut) | |
.wait(1000) | |
// view rendering |
<meta content='width=device-width, minimum-scale=1, maximum-scale=1' name='viewport'> |
[user] | |
name = Thomas Seng Hin Mak | |
email = mak@makzan.net | |
[core] | |
editor = nano | |
whitespace = off | |
excludesfile = ~/.gitignore | |
[advice] | |
statusuoption = false | |
[color] |
class App { | |
constructor() { | |
this.canvas = document.getElementById("app-canvas"); | |
this.stage = new createjs.Stage(this.canvas); | |
this.retinalize(); | |
createjs.Ticker.setFPS(60); |