Skip to content

Instantly share code, notes, and snippets.

View xbeat's full-sized avatar

Kaolay xbeat

9 followers · 18 following
View GitHub Profile
@xbeat
xbeat / index.html
Last active February 1, 2017 13:54 — forked from bellbind/index.html
[threejs]note for collada loader example
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://unpkg.com/three"></script>
<script
src="https://unpkg.com/three/examples/js/loaders/ColladaLoader.js"
></script>
<script
src="https://unpkg.com/three/examples/js/loaders/collada/AnimationHandler.js"
@xbeat
xbeat / index.html
Created July 26, 2017 16:35
Rotating to face mouse cursor (onclick)
<div id="angle" class="angle"></div>
<div id="lastAngle" class="lastAngle"></div>
<div id="angleRot" class="angleRot"></div>
<div class="arrow"></div>
<script>
/*
* Easing Functions
* only considering the t value for the range [0, 1] => [0, 1]
*/
@xbeat
xbeat / index.html
Created July 27, 2017 14:07
Js Native Drag n Drop - Soccer Finite State Machine w/ get objects distance
<div id="field"></div>
<svg class="svgPitchH" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 601.61 410.1">
<circle class="svgA" cx="301.02" cy="205.25" r="60.16"/>
<circle class="svgB" cx="301.02" cy="205.25" r="1.31"/>
<ellipse class="svgB" cx="78.56" cy="205.22" rx="1.3" ry="1.32"/>
<path class="svgA" d="M7,228.68H.5V181.11H7Z"/>
<path class="svgA" d="M7,264.91H42.78v-120H7Z"/>
<path class="svgA" d="M7,337.38H114.34v-265H7Z"/>
<path class="svgC" d="M114.34,253.4A60.79,60.79,0,0,0,126.13,169,59.91,59.91,0,0,0,114.34,157Z"/>
@xbeat
xbeat / avoid-obstacles.markdown
Last active July 31, 2017 09:52
Avoid Obstacles
@xbeat
xbeat / index.html
Created August 1, 2017 20:16
Three.js + virtual Joystick w/ menu
<script src="https://sport.xbe.at/three.js/build/three.min.js"></script>
<script src="https://sport.xbe.at/three.js/example/js/controls/OrbitControls.js"></script>
<script src="https://sport.xbe.at/three.js/example/js/libs/stats.min.js"></script>
<script src="https://sport.xbe.at/three.js/example/js/libs/dat.gui.min.js"></script>
<div id="container"></div>
<div class="nav-toggle open hamburger">
<span></span>
<span></span>
@xbeat
xbeat / index.html
Created August 2, 2017 14:38
Player AI on canvas grid with x,y coordinates
<div id=container>
<canvas id='canvas' onclick="showCoords(event)"></canvas>
</div>
<p id='showCoords'></p>
@xbeat
xbeat / index.html
Last active August 6, 2017 08:59
Layout
<div class="areaTopLeftContainer">
<div class="areaTopLeftLogo">Logo</div>
<div class="areaTopLeftCameraControl">
<div class="cameraControl">Cam1</div>
<div class="cameraControl">Cam2</div>
<div class="cameraControl">Cam3</div>
<div class="cameraControl">Cam4</div>
<div class="cameraControl">Cam5</div>
</div>
<div class="areaTopLeftTimer">Timer</div>
@xbeat
xbeat / index.html
Last active August 7, 2017 16:08
Scoreboard
<div class="scoreBoarLeftTopdContainer">
<div class="timer">
<span class="minute">00</span>:<span class="second">00</span>
</div>
<div class="teamAContainer">
<div class="nameTeamA">INT</div>
<div class="colorTeamA"></div>
</div>
<div class="scoreTeamA">3</div>
<div class="scoreTeamB">1</div>
@xbeat
xbeat / index.html
Created August 16, 2017 23:17
Revealing Module pattern example
<button id="action">Start/Stop</button>
<div class="data">1</div>
<div class="status">#</div>
<div class="data">2</div>
<div class="status">#</div>
<div class="data">3</div>
<div class="status">#</div>
@xbeat
xbeat / index.html
Created August 16, 2017 23:17
XBE class w/ Event Emitter
<div id="info"></div>
<button id="trigger">Trigger random event:</button>