im dreamin of a greeeen winter!! :P

In this example below you will see how to do a im dreamin of a greeeen winter!! :P with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by melovecarottsdoyou, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright melovecarottsdoyou ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>im dreamin of a greeeen winter!! :P</title>
  <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script>
  
  
  
  
</head>

<body>

  <a-scene> 
    <a-sky color="#dd0d29"></a-sky>
   
  <a-sphere position="0 0 -180" radius="100.5"color="#45ef34"></a-sphere> 
  <a-sphere position="0 100 -180" radius="75.5"color="#45ef34"></a-sphere> 
  <a-sphere position="0 175 -180" radius="50.5"color="#45ef34"></a-sphere> 
  
  <a-sphere position="300 0 -180" radius="100.5"color="#45ef34"></a-sphere> 
  <a-sphere position="300 100 -180" radius="75.5"color="#45ef34"></a-sphere> 
  <a-sphere position="300 175 -180" radius="50.5"color="#45ef34"></a-sphere>
  
  <a-sphere position="800 0 -180" radius="100.5"color="#45ef34"></a-sphere> 
  <a-sphere position="800 100 -180" radius="75.5"color="#45ef34"></a-sphere> 
  <a-sphere position="800 175 -180" radius="50.5"color="#45ef34"></a-sphere>
  
   <a-sphere position="-300 0 -180" radius="100.5"color="#45ef34"></a-sphere> 
  <a-sphere position="-300 100 -180" radius="75.5"color="#45ef34"></a-sphere> 
  <a-sphere position="-300 175 -180" radius="50.5"color="#45ef34"></a-sphere> 
  
   <a-sphere position="-800 0 -180" radius="100.5"color="#45ef34"></a-sphere> 
  <a-sphere position="-800 100 -180" radius="75.5"color="#45ef34"></a-sphere> 
  <a-sphere position="-800 175 -180" radius="50.5"color="#45ef34"></a-sphere> 
  
  <a-sphere position="-1100 0 -180" radius="100.5"color="#45ef34"></a-sphere> 
  <a-sphere position="-1100 100 -180" radius="75.5"color="#45ef34"></a-sphere> 
  <a-sphere position="-1100 175 -180" radius="50.5"color="#45ef34"></a-sphere> 
  
  <a-sphere position="-1400 0 -180" radius="100.5"color="#45ef34"></a-sphere> 
  <a-sphere position="-1400 100 -180" radius="75.5"color="#45ef34"></a-sphere> 
  <a-sphere position="-1400 175 -180" radius="50.5"color="#45ef34"></a-sphere> 
  
  <a-sphere position="1100 0 -180" radius="100.5"color="#45ef34"></a-sphere> 
  <a-sphere position="1100 100 -180" radius="75.5"color="#45ef34"></a-sphere> 
  <a-sphere position="1100 175 -180" radius="50.5"color="#45ef34"></a-sphere> 
  
  <a-sphere position="1400 0 -180" radius="100.5"color="#45ef34"></a-sphere> 
  <a-sphere position="1400 100 -180" radius="75.5"color="#45ef34"></a-sphere> 
  <a-sphere position="1400 175 -180" radius="50.5"color="#45ef34"></a-sphere> 
  
</a-scene>
  
  

</body>

</html>

Comments