Skip to content

Instantly share code, notes, and snippets.

@cool-Blue
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
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
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
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
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
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
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
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
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
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