qcgm1978’s gists

qcgm1978 / double-slit-experiment-simulation.markdown

Created June 22, 2019 05:04

Double-slit experiment simulation

qcgm1978 / confetti-wip-demo.markdown

Created April 29, 2019 05:35

Confetti WIP DEMO

qcgm1978 / inception-javascript.js

Last active March 4, 2019 03:17 — forked from mattknox/inception-javascript.js

	console.group("inception movie");
	var inception = (function() {

	/* on flight: arianna's dream */

	var timerate = 1;
	timerate=1/4036524;//The period of the final of the film reveals about forty years passed because the older man is about 80 now and was about 40 before the dream. So the period hours is 4036524. There are total 5 levels of all the dreams so the time rate should about 1/Math.pow(4036524,1/5)≈1/12.85≈0.078.
	var team = ["Yusuf", "Arthur", "Eames", "Saito", "Arianna", "Dominic", "Mr.Fischer"];

	console.log("Real world", team);

qcgm1978 / css-selectors-cheatsheet.markdown

Created February 26, 2019 05:59

CSS selectors cheatsheet

qcgm1978 / index.html

Created February 25, 2019 05:12

Role-Swapped Space Invaders

	<canvas></canvas>
	<div id="intro">
	<p>Use the aliens to destroy the laser base 3 times or successfully land them!</p>
	<p>Try to lose as few as possible.</p>
	<table>
	<thead>
	<tr>
	<th colspan="2">Controls</th>
	</tr>
	</thead>

qcgm1978 / index.html

Created January 12, 2019 18:18

Simple Particles

qcgm1978 / help-me-down.markdown

Created January 10, 2019 05:26

help me down

Dissolved in the blue.

qcgm1978 / index.html

Created December 31, 2018 04:34

The Solar System in CSS

	<div class="solar-system">

	<div class="sun">
	<div class="label">
	<h2 class="label__title">Sun</h2>
	</div>

	<div class="system system--mercury">
	<div class="planet planet--mercury"></div>
	<div class="label">

qcgm1978 / index.html

Created December 22, 2018 15:54

Synesthesia: Hover vs Checkbox


	<div class="hoverit"><h4> Hover it</h4></div>
	<div class="check"> <h4>Check it</h4></div>
	<div class="first"><h3><span class=h>H</span><span class="e">e</span><span class="y">y</span> <span class="m">m</span><span class="y">y</span> <span class="n">n</span><span class="a">a</span><span class="m">m</span><span class="e">e</span> <span class="i">i</span><span class="s">s</span> <span class="a">A</span><span class="n">n</span><span class="a">a</span></h3></div>

	<div class="wraper">
	<div class="hor"></div>
	<div class="ver"></div>
	</div>

qcgm1978 / index.html

Created December 18, 2018 03:38

The Beauty of Mathematics - Integration

Youth qcgm1978