THREE js
How do I make an three js?
What is a three js? How do you make a three js? This script and codes were developed by Nikita Zubarets on 12 September 2022, Monday.
THREE js - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>THREE js</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <script src="https://threejs.org/build/three.min.js"></script>
<div id="wrap"></div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
THREE js - Script Codes CSS Codes
#wrap{ background: #000; width: 400px; height: 300px;
}
THREE js - Script Codes JS Codes
var width = 400, height = 300;
var view_angle = 45, aspect = width / height, near = 0.1, far = 10000;
var wrap = $("#wrap");
//CAMERA
var renderer = new THREE.WebGLRenderer(), camera = new THREE.PerspectiveCamera(view_angle, aspect, near, far), scene = new THREE.Scene();
camera.position.z = 300;
renderer.setSize(width, height);
wrap.append(renderer.domElement);
//SPHERE
var sphereMaterial = new THREE.MeshLambertMaterial({color: 0xFFFFFF}), radius = 80, segments = 16, rings = 16, sphere = new THREE.Mesh(new THREE.SphereGeometry(radius, segments, rings), sphereMaterial);
scene.add(sphere);
scene.add(camera);
//LIGHT
var pointLight = new THREE.PointLight(0xFADAA0);
pointLight.position.x = 10;
pointLight.position.y = 50;
pointLight.position.z = 150;
scene.add(pointLight);
renderer.render(scene, camera);
Developer | Nikita Zubarets |
Username | snapson |
Uploaded | September 12, 2022 |
Rating | 3 |
Size | 1,955 Kb |
Views | 34,408 |
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 |
FlickApi photo log | 2,184 Kb |
Click handler test | 2,329 Kb |
Resize textarea | 10,634 Kb |
Frog jmp | 2,064 Kb |
First lesson task | 2,283 Kb |
My SVG resume | 38,295 Kb |
Pace | 12,479 Kb |
The hangman game | 9,753 Kb |
CSS accordion | 2,428 Kb |
Tabs for tm us | 2,798 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 |
Masonry | Uriuriuriu | 5,005 Kb |
Form Labels | Bartuc | 2,717 Kb |
Shopping cart | Andiio | 6,581 Kb |
Boxes | H3l1um | 2,563 Kb |
A Pen by Alex Edwards | Exards | 8,218 Kb |
Resize image | Happyhj | 1,892 Kb |
Scroll using CSS | Casperovic | 2,159 Kb |
RPG Style Text Dialogue | Odylic | 2,635 Kb |
Coming Soon | MariamMassadeh | 1,680 Kb |
Table Exercise | Fresco | 9,585 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!