A Pen by Giuseppe Canale on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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] | |
*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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"/> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div>click the green dot will follow<div> | |
<div id="angle" class="angle"></div> | |
<div id="lastAngle" class="lastAngle"></div> | |
<div id="angleRot" class="angleRot"></div> | |
<div id="centerObj" class="centerObj"></div> | |
<div id="pointerMouse" class="pointerMouse"></div> | |
<div id="distance" class="distance"></div> | |
<div class="arrow"></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
A Pen by Giuseppe Canale on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id=container> | |
<canvas id='canvas' onclick="showCoords(event)"></canvas> | |
</div> | |
<p id='showCoords'></p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
OlderNewer