Viewing Program

Program Data

$Program thumbnail for "{props.program.title}"$

Title	3D wolf
ID	5933794411593728
Created	11 months ago, 1705428261431
Updated	11 months ago, 1705617319343
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>3D wolf</title> <link href="https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap" rel="stylesheet"><!--\|MedievalSharp\|Sacramento\|Instrument Serif\|Averia Serif Libre--> <style> #yes{ position:fixed; color:green; font-size:200%; left:10px; bottom:0px; } #yes:hover{ font-size:220%; } #quistons h1{ font-size:830%; text-align:center; } h1{ position:fixed; left:2%; top:5%; color:white; height:600px; font-family:"EB Garamond"; } #no{ color:black; font-size:200%; position:fixed; right:10px; bottom:0px; } #no:hover{ font-size:220%; } #quistons{ background-position:fixed; background-size: 100%,100%; background-repeat: no-repeat; position:fixed; left:0px; top:0px; width:100%; height:100%; /* animation: background-change 5s ease-in-out;/ animation-iteration-count: infinite; background:linear-gradient(54deg,rgb(255, 43, 0), rgb(255, 94, 0),rgb(255, 94, 0),rgb(255, 133, 10), rgb(255, 133, 10), rgb(255, 204, 38)); } </style> <style> body{ overflow:hidden; margin:0; font-family:"Instrument Serif"; } #renderCanvas{ width:600px; height:600px; } </style> <script src = 'https://cdn.jsdelivr.net/npm/babylonjs@6.23.0/babylon.min.js'></script> </head> <body onload = 'run()' id = "body"> <canvas id = "renderCanvas"></canvas> <script type> function run(){ //Create the scene const canvas = document.getElementById('renderCanvas'); const engine = new BABYLON.Engine(canvas, true); const scene = new BABYLON.Scene(engine); scene.clearColor = new BABYLON.Color3(0.1, 0.604, 1); const camera = new BABYLON.ArcRotateCamera("Camera", Math.PI / 2, Math.PI / 5, 5); camera.attachControl(canvas, true); //Creates the light const light = new BABYLON.HemisphericLight('light', new BABYLON.Vector3(0, 1, 0), scene); function cone(x,y,z,h,dt,db,rx,ry,rz,color){ const cylinder = BABYLON.MeshBuilder.CreateCylinder("cylinder", {height: h, diameterTop: dt, diameterBottom: db}, scene); cylinder.material = new BABYLON.StandardMaterial("cylinderMaterial", scene); cylinder.material.diffuseColor = color; cylinder.position = new BABYLON.Vector3(x,y,z); cylinder.rotation = new BABYLON.Vector3(rx,ry,rz); } function box(x,y,z,w,h,d,rx,ry,rz,color){ //Make the cube const cube = BABYLON.MeshBuilder.CreateBox("cube", {width: w, height: h, depth: d}, scene); cube.material = new BABYLON.StandardMaterial("cubeMaterial", scene); cube.material.diffuseColor = color; cube.position = new BABYLON.Vector3(x,y,z); cube.rotation = new BABYLON.Vector3(rx,ry,rz); } function ball (x,y,z,d,color){ const bal = BABYLON.MeshBuilder.CreateSphere("ball", {segments: 12, diameter: d}, scene); bal.material = new BABYLON.StandardMaterial("ballMaterial", scene); bal.position = new BABYLON.Vector3(x,y,z); bal.material.diffuseColor = color; } function ring (x,y,z,d,t,rx,ry,rz,color){ const rin = BABYLON.MeshBuilder.CreateTorus("ring", {diameter: d, thickness: t}, scene); rin.material = new BABYLON.StandardMaterial("ringMaterial", scene); rin.material.diffuseColor = color; rin.rotation = new BABYLON.Vector3(rx,ry,rz); rin.position = new BABYLON.Vector3(x,y,z); } cone(-0.58,0.50,0,2,1,1,0,0,4.75,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); ball(0.37,0.53,0,1,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); ball(-1.49,0.46,0,1,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(0.57,1.00,0,1,0.8,0.6,0,0,2.8,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); ball(0.74,1.47,0,0.6,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(0.95,1.50,0,0.5,0.1,0.3,0,0,4.75,new BABYLON.Color3(0.39215686275, 0.39215686275, 0.3215686275)); ball(1.19,1.56,0,0.05,new BABYLON.Color3(0,0,0)); ball(0.98,1.56,0.13,0.1,new BABYLON.Color3(1,1,1)); ball(1.00,1.56,0.13,0.07,new BABYLON.Color3(0,0.5,1)); ball(1.00,1.56,-0.13,0.07,new BABYLON.Color3(0,0.5,1)); ball(1.02,1.56,0.13,0.04,new BABYLON.Color3(0,0,0)); ball(1.02,1.56,-0.13,0.04,new BABYLON.Color3(0,0,0)); ball(0.98,1.56,-0.13,0.1,new BABYLON.Color3(1,1,1)); cone(0.58,0.00,0.231,1.5,0.2,0.2,0,0,0.07,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(-1.58,0.00,0.231,1.5,0.25,0.25,0,0,0.07,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(-1.58,0.00,-0.231,1.5,0.25,0.25,0,0,0.07,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(0.58,0.00,-0.231,1.5,0.2,0.2,0,0,0.07,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(-1.87,0.58,-0.0,0.7,0.1,0.2,0.75,0,-0.5,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(-2.07,0.35,-0.2,0.4,0.05,0.3,0.75,0,-0.5,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(-2.17,0.25,-0.3,0.4,0.05,0.25,0.85,0,-0.5,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(-2.27,0.15,-0.4,0.4,0.05,0.20,0.95,0,-0.7,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(-2.37,0.05,-0.5,0.25,0.05,0.15,1.05,0,-0.9,new BABYLON.Color3(0.339215686275, 0.339215686275, 0.300215686275)); cone(-2.47,0.00,-0.56,0.20,0.15,0.05,1.05,0,-1.2,new BABYLON.Color3(0.5,0.5,0.5)); cone(0.68,1.78,0.131,0.20,0.1,0.2,0,0,0.07,new BABYLON.Color3(0.320215686275, 0.320215686275, 0.300015686275)); cone(0.68,1.78,-0.131,0.20,0.1,0.2,0,0,0.07,new BABYLON.Color3(0.320215686275, 0.320215686275, 0.300015686275)); function pointerLock(){ canvas.requestPointerLock() } function renderLoop(){ scene.render(); //canvas.onmousedown=()=>canvas.requestPointerLock() document.addEventListener("click", pointerLock); }; engine.runRenderLoop(renderLoop); } //<script> var body = document.getElementById("body"); </script> <!-- <div id="quistons"> <h1 id = "work"> Open in fulscreen </h1> <p id = "yes" onclick="document.getElementById('quistons').remove();"> yes </p> <p onclick="document.getElementById('quistons').remove();"id = "no"> no </p> </div>--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script type=''> var openInFullscreen = () => { var w = window.open(); w.document.open(); w.document.write(`<!doctype html><html><head>${document.querySelector('head').innerHTML}</head><body>${document.querySelector('body').innerHTML}</body></html>`); } // get our button var button = document.getElementById('yes'); // add the event listener button.addEventListener('click', openInFullscreen); </script> <script type="application/javascript"> document.body.addEventListener("keydown", function(e) { if (e.code === "Escape") { document.body.innerHTML = ` <div style="margin: 0; padding: 0; background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Solar_sys.jpg/600px-Solar_sys.jpg);text-align:center; text-shadow:3px 3px rgb(0, 230, 255); background-position: -0px 0px; background-size: 600px 600px; height:600px;padding:0%;"> <img style = "filter:blur(5px);"src = "https://upload.wikimedia.org/wikipedia/commons/b/b0/Wolf44.jpg"height = "600"> <img style = "position:fixed;right:0px;bottom:0px;"src = "https://cdn.kastatic.org/images/badges/moon/1000-kelvin-60x60.png"width = "100> <div style="display: grid; align-items: center; justify-content: center;"> <h1 style="font-size: 200px; color: #fff; font-size:750%; ">3D wolf (interactive)</h1> </div> `; } if (e.code === "Enter") { e.preventDefault(); } }); //$("title").html(prompt("What do you think this webpage should be named")); </script> <!-- The Thumbnail Script 2.0.0 10/24/2023 by Bluebird@kaid_157624541333313939750668 --> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script> <script type> var r = 600; var s = document.documentElement.clientWidth; window.parent.html2canvas = e => { try { html2canvas(document.body, { width: s, height: s, useCORS: true, }).then(e => { var c = document.createElement("canvas"); c.width = r; c.height = r; c.getContext('2d').drawImage(e, 0, 0, e.width, e.height, 0, 0, r, r); window.top.postMessage(c.toDataURL(), ""); }).catch(e => { alert("Thumbnail Script Error: " + e); }); } catch { window.top.postMessage(document.createElement("canvas").toDataURL(), "*"); } }; </script> </body> </html>
Folds	1,278
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMvgkpjFCgw
Votes	80
Spin-Offs	6
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Vicioustre𝑥
Author Name	Vicioustrex
Author ID	kaid_1063463007130342809105382
Author Profile Access	PUBLIC

Archive Data

Added	3 months ago, 1726212171556
Updated	3 months ago, 1726212171556
Source Deleted	unknown