Simple Wave
How do I make an simple wave?
What is a simple wave? How do you make a simple wave? This script and codes were developed by JD Pirtle on 12 June 2022, Sunday.
Simple Wave - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Simple Wave</title> <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script>
</head>
<body> <!--- Simple Simulated Wave --->
<a-scene>
<a-entity position="0 1 5"> <a-camera></a-camera>
</a-entity>
<a-sky color="#111111"> <a-animation attribute="color" begin="0" dur="20000" from="#000000" to="#ce2a02"direction="normal" repeat="indefinite"> </a-animation> </a-sky>
<a-entity light="type: point; intensity: 1.0; distance: 50; decay: 1" position="10 10 10">
</a-entity>
<a-plane position="0 0 0" rotation="-90 0 0" width="30" height="30" color="#017f1e"></a-plane>
<a-box position="-6 0 0" rotation="0 0 0" width="3" height="3" depth="3" color="#555555">
<a-animation attribute="position" begin="0" dur="1000" from="-6 0 0" to="-6 2 0" direction="alternate" repeat="indefinite"></a-animate>
</a-box>
<a-box position="-3 0 0" rotation="0 0 0" width="3" height="3" depth="3" color="#555555">
<a-animation attribute="position" begin="500" dur="1000" from="-3 0 0" to="-3 2 0" direction="alternate" repeat="indefinite"></a-animate>
</a-box>
<a-box position="0 0 0" rotation="0 0 0" width="3" height="3" depth="3" color="#555555">
<a-animation attribute="position" begin="1000" dur="1000" from="0 0 0" to="0 2 0" direction="alternate" repeat="indefinite"></a-animate>
</a-box>
<a-box position="3 0 0" rotation="0 0 0" width="3" height="3" depth="3" color="#555555">
<a-animation attribute="position" begin="1500" dur="1000" from="3 0 0" to="3 2 0" direction="alternate" repeat="indefinite"></a-animate>
</a-box>
</a-scene>
</body>
</html>
Developer | JD Pirtle |
Username | jdpirtle |
Uploaded | June 12, 2022 |
Rating | 3 |
Size | 1,575 Kb |
Views | 105,248 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
A-frame torus knot example | 1,526 Kb |
Grouping example - aframe | 1,533 Kb |
Sound_example | 1,375 Kb |
Animation_camera_ex | 1,426 Kb |
Animation_ex1 | 1,496 Kb |
Elective_1 | 1,201 Kb |
Sound_ex1 | 1,384 Kb |
A Pen by JD Pirtle | 1,304 Kb |
Nested torus example | 1,400 Kb |
Basic_texture_example | 1,421 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Experiment | Toddmoy | 2,849 Kb |
JavaScript constructors | Simboonlong | 2,415 Kb |
Draggable directive | YahyaKacem | 2,277 Kb |
Animate a paper plane along an SVG path, looking ahead | PotatoDie | 3,734 Kb |
Three js | Paulq | 2,353 Kb |
Countdown with Rings | Ewganoel | 2,490 Kb |
Project Euler Problem 17 | Bfillmer | 2,739 Kb |
Brian The CSS Bee | Jonitrythall | 3,922 Kb |
Custom Select Element | Agrayson | 3,616 Kb |
Falling Down the Rabbit Hole | Rachelnabors | 4,578 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!