cool-Blue’s gists

cool-Blue / .gitignore

Last active April 3, 2017 01:18

Force directed graph with layered gravity and physically modeled collisions - webGL

	# Created by .ignore support plugin (hsz.mobi)
	### JetBrains template
	# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
	# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839

	# User-specific stuff:
	.idea/workspace.xml
	.idea/tasks.xml

	# Sensitive or high-churn files:

cool-Blue / .gitignore

Last active August 22, 2016 06:52

Pixi.js WebGL using spritesheet with colision physics

	# Created by .ignore support plugin (hsz.mobi)
	### Example user template template
	### Example user template

	# IntelliJ project files
	.idea
	*.iml
	out
	gen

cool-Blue / index.html

Last active September 16, 2015 11:07

Force directed graph with layered gravity and physically modeled collisions

	<!DOCTYPE html>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css"
	href="https://gitcdn.xyz/repo/cool-Blue/d3-lib/1dcef5868b3e774e8303d0c6eeaaef2528867893/inputs/button/style.css">
	<style>
	body {
	/margin: 200px 500px 100px 500px;/
	}

	#inputs {

cool-Blue / index.html

Last active September 28, 2015 08:07

d3 Force directed graph with node size transitions - CSS transitions

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>http://stackoverflow.com/questions/32521887/animate-objects-in-force-layout-in-d3-js/32523428#32523428</title>
	<link rel="stylesheet" type="text/css" href="https://gitcdn.xyz/repo/cool-Blue/d3-lib/master/plot/fps-histogram.css">
	<style>
	body {
	background: black;
	margin:0;

cool-Blue / index.html

Last active September 28, 2015 08:08

d3 Force directed graph with node size transitions

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>http://stackoverflow.com/questions/32521887/animate-objects-in-force-layout-in-d3-js/32523428#32523428</title>
	<link rel="stylesheet" type="text/css" href="https://gitcdn.xyz/repo/cool-Blue/d3-lib/master/plot/fps-histogram.css">
	<style>
	body {
	background: black;
	margin:0;

cool-Blue / index.html

Last active September 10, 2015 18:11

SVG speed test

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
	svg {
	border: 1px solid rgba(0,0,0,0.5);
	}
	#results, #container {

cool-Blue / index.html

Last active September 10, 2015 17:29

Canvas renderer with multiple sprites

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
	canvas {
	border: 1px solid rgba(0,0,0,0.5);
	}
	#results, #container {

cool-Blue / index.html

Last active July 25, 2018 19:23

WebGL renderer with multiple sprites

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
	canvas {
	border: 1px solid rgba(0,0,0,0.5);
	}
	#results, #container {

cool-Blue / index.html

Last active September 10, 2015 17:27

Canvas renderer with texture atlas (spritesheet)

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
	canvas {
	border: 1px solid rgba(0,0,0,0.5);
	}
	#results, #container {

cool-Blue / CPU-20150910T183421.cpuprofile

Last active August 6, 2017 15:27

Pixi.js WebGL using spritesheet

{"head":{"functionName":"(root)","scriptId":"0","url":"","lineNumber":0,"columnNumber":0,"hitCount":0,"callUID":370,"children":[{"functionName":"(program)","scriptId":"0","url":"","lineNumber":0,"columnNumber":0,"hitCount":1512,"callUID":1,"children":[],"positionTicks":[],"deoptReason":"","id":2},{"functionName":"(idle)","scriptId":"0","url":"","lineNumber":0,"columnNumber":0,"hitCount":14357,"callUID":2,"children":[],"positionTicks":[],"deoptReason":"","id":3},{"functionName":"_tick","scriptId":"628","url":"https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.7/pixi.js","lineNumber":19937,"columnNumber":32,"hitCount":1,"callUID":9,"children":[{"functionName":"update","scriptId":"628","url":"https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.7/pixi.js","lineNumber":20234,"columnNumber":42,"hitCount":1,"callUID":7,"children":[{"functionName":"emit","scriptId":"628","url":"https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.7/pixi.js","lineNumber":3583,"columnNumber":44,"hitCount":0,"callUID":6,"children":[{"funct