The main content of my blog mcol.xyz
git clone https://mcol.xyz/code/mcol.xyz
Log | Files | Refs

commit 67e6a0c16acd59f34ed1f66bfc41e519ab446851
parent 821157d4b02dd4e24a16a182d98441e236c255e3
Author: mcol <mcol@posteo.net>
Date:   Sat, 30 Apr 2022 00:46:16 +0100

add Sandy Maguire's blog

Diffstat:
Mblogroll.py | 6++++++
Avr/a.html | 79+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Avr/index.html | 23+++++++++++++++++++++++
3 files changed, 108 insertions(+), 0 deletions(-)

diff --git a/blogroll.py b/blogroll.py @@ -8,6 +8,12 @@ import random BLOGROLL = [] BLOGROLL.append([ + "Sandy Maguire's Reasonably Polymorphic", + "https://reasonablypolymorphic.com/", + "reasonablypolymorphic.com", +]) + +BLOGROLL.append([ "Bartosz Milewski's Programming Cafe", "https://bartoszmilewski.com", "bartoszmilewski.com", diff --git a/vr/a.html b/vr/a.html @@ -0,0 +1,79 @@ +<html> + + <head> + <title>A-Frame Starter Kit - Mini Planetarium</title> + <meta name="description" content="Build your own planetarium with A-frame"> + + <!-- This turns our HTML into A-Frame! --> + <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script> + </head> + + <body> + <!-- a-scene contains all our A-Frame HTML --> + <a-scene> + + <!-- the sky is our background, try changing the color or removing + it --> + <a-sky color="midnightblue"></a-sky> + + <!-- our basic planets, these are not to scale in any way--> + <a-sphere id="sun" position="-13 2 -10" radius="4" color="#F5C85D"></a-sphere> + <a-sphere id="mercury" position="-7 2 -10" radius=".25" color="#AF886D"></a-sphere> + <a-sphere id="venus" position="-5 2 -10" radius=".5" color="#ECBFBF"></a-sphere> + <a-sphere id="mars" position="-1 2 -10" radius=".25" color="#CF503A"></a-sphere> + + <!--notice this one doens't have a radius? If you don't specify one, + A-Frame uses the default, which is 1 --> + <a-sphere id="jupiter" position="1 2 -10" color="#C9957A"></a-sphere> + <a-sphere id="pluto" position="13 2 -10" radius=".10" color="#BFCFD4"></a-sphere> + + <!-- a not so basic planet- it's Earth with our moon wrapped up + together in an a-entity component to keep them organized and placed + in relation to each other. --> + + <a-entity id="earth-and-moon" position="-3 2 -10"> + + <!-- the positions in here are in relation to each other, not to + the other planets, if you want to change the position of that + you need to do it on a-entity or remove a-entity --> + <a-sphere position="0 0 0" radius=".5" color="#6DCBE7" id="earth"></a-sphere> + <a-sphere position="-1 0 0" radius=".10" color="#DBE0DE" id="moon"></a-sphere> + + </a-entity> + + <!-- the other not-so-basic planets, these have rings around them. + The rings are made of torii (singular torus) a shape that can be + used to make donuts, tubes and yes, ring shapes--> + <a-entity id="saturn-container" position="4 2 -10"> + <a-sphere position="0 0 0 " radius=".8" color="#F8EC99" id="saturn"></a-sphere> + <a-torus id="saturn-ring-1" color="#57524A" segments-tubular="50" radius="3.2" radius-tubular="0.1" + rotation="90 0 0" scale=".44 .44 0.04"></a-torus> + <a-torus id="saturn-ring-2" color="#A29A87" segments-tubular="50" radius="2.4" radius-tubular="0.2" + rotation="90 0 0" scale=".44 .44 0.04"></a-torus> + </a-entity> + + <a-entity id="uranus-container" position="7 2 -10"> + <a-sphere id="uranus" radius=".75" color="#73AAF8"></a-sphere> + <a-torus id="uranus-ring" color="#FFFFFF" segments-tubular="50" radius="1.5" radius-tubular="0.01" + rotation="-10 90 0" scale=".75 .75 0.075"></a-torus> + </a-entity> + + <a-entity id="neptune-container" position="10 2 -10"> + <a-sphere id="neptune" radius=".75" color="#3453BD"></a-sphere> + <a-torus id="neptune-ring-1" color="#FFFFFF" segments-tubular="50" radius="2" radius-tubular="0.01" + rotation="90 0 0" scale=".75 .75 0.075" opacity="0.8"></a-torus> + <a-torus id="neptune-ring-2" color="#FFFFFF" segments-tubular="50" radius="1.7" radius-tubular="0.05" + rotation="90 0 0" scale=".75 .75 0.075" opacity="0.8"></a-torus> + <a-torus id="neptune-ring-3" color="#FFFFFF" segments-tubular="50" radius="1.3" radius-tubular="0.01" + rotation="90 0 0" scale=".75 .75 0.075" opacity="0.8"></a-torus> + </a-entity> + + </a-scene> + + <!-- include the Glitch button to show what the webpage is about and to + make it easier for folks to view source and remix --> + <div class="glitchButton" style="position:fixed;top:20px;right:20px;"></div> + <script src="https://button.glitch.me/button.js"></script> + </body> + +</html> diff --git a/vr/index.html b/vr/index.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html> + <head> + <title>mcol.xyz but in VR</title> + <meta name="description" content="mcol.xyz but in VR"> + <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script> + </head> + <body> + <a-scene> + <a-entity class="board" + geometry="primitive: box; height: 7; width: 2.5; depth: 0.2" + material="shader: flat; color: #aab" + > + </a-entity> + + <a-light type="ambient" color="#666"></a-light> + <a-light type="point" intensity="2" position="2 4 4"></a-light> + <a-sky color="#fff"></a-sky> + <a-plane color="#aab" rotation="-90 0 0" height="20" width="20"></a-plane> + <a-text value="Hello, A-Frame!" color="black" position="-0.9 0.2 -3" scale="1 1 1"></a-text> + </a-scene> + </body> +</html>