mithenji

(almost) randomly generated tree

Trying to generate some trees. Work in progress, I'll probably try to add leaves also.

A Pen by Karim Maaloul on CodePen.

License.

mithenji

<div id="world" />
<div class="expl">legRight.rotation.x = Math.cos(angle)*100;</div>
<div class="nav">
  <div class="previous link step"><a href="#">← previous step</a></div>
  <div class="marker step">0/10</div>
    <div class="next link step"><a href="#">next step →</a></div>
</div>

<svg id="trigCycle" width="160" height="160" xmlns="http://www.w3.org/2000/svg" >
  <circle cx="60" cy="60" r="50" stroke="#CCC" stroke-width="1" fill="none" />

mithenji

<h1>SVG<br/>CASTLE</h1>
<svg  x="0px" y="0px"
	 viewBox="0 0 473.2 480" enable-background="new 0 0 473.2 480" xml:space="preserve">
  
  <g class="field">
    <rect x="90.4" y="128.4" fill="none" stroke="#BB994D" stroke-linecap="square" stroke-miterlimit="10" width="291.3" height="240.8"/>
  </g>  
  
  <g class="castle">
<path fill="none" stroke="#BB994D" stroke-linecap="square" stroke-miterlimit="10" d="M87.8,328.4"/>

mithenji

<svg id="illu" viewBox="0 0 1200 1200">
  <defs>
    <g id="star">
      <rect x="9" y="0" fill="#FFE498" width="2" height="20" />
      <rect x="0" y="9" fill="#FFE498" width="20" height="2" />
    </g>
  </defs>

  <g id="stars">
  </g>

mithenji

<div id="world"/>

<div id="credits">
  - Press and drag to turn around -
  <p><a href="https://codepen.io/Yakudoo/"  target="blank">my other codepens</a>  | <a href="https://www.epic.net" target="blank">epic.net</a></p>
</div>

mithenji

holy running cow

#holySpaceCowsWeekend using threejs and tweenmax. rotate the camera using the mouse

A Pen by Karim Maaloul on CodePen.

License.

mithenji

<div id="world"></div>
<div id="instructions">^<br/>Move the head of this bird<br/><span class="lightInstructions">and watch how the 2 others<br/>interact with him</span></div>

<div id="credits">
  <p> <a href="https://codepen.io/Yakudoo/"  target="blank">my other codepens</a> | <a href="https://www.epic.net" target="blank">epic.net</a></p>
</div>

mithenji

Cat vs ball of wool

WebGL Demo using ThreeJs. With inverse kinematics, physics and a lot of cat psychology :) This cat is a 3D remake of the main character of "Babel, the cat who would be king", a children app I did some time ago. Find it here : http://babeltheking.com/ Enjoy!

A Pen by Karim Maaloul on CodePen.

License.

mithenji

<div id="world"></div>
<div id="instructions">The longer you keep clicking, the harder he sneezes<br/><span class="lightInstructions">- Press and drag to turn around -</span></div>
<div id="credits">
  <p> <a href="https://codepen.io/Yakudoo/"  target="blank">my other codepens</a> | <a href="https://www.epic.net" target="blank">epic.net</a></p>
</div>
<div id="power">00</div>

mithenji

<div id="world" />
<div id="gameoverInstructions">
  Game Over
</div>
<div id="dist">
    <div class="label">distance</div>
    <div id="distValue">000</div>
</div>

<div id="instructions">Click to jump<span class="lightInstructions"> — Grab the carrots / avoid the hedgehogs</span></div>