Skip to content

Instantly share code, notes, and snippets.

View mecs13's full-sized avatar
💭
virtual reality development

N0va mecs13

💭
virtual reality development
View GitHub Profile
@mecs13
mecs13 / index.html
Created April 23, 2025 10:03
Night drive 🌔+🚗 (#3December - Day 10)
<div class="controls">Drive with arrow keys or WASD. Toggle headlights with L</div>
@mecs13
mecs13 / index.html
Created February 18, 2025 16:07
MainLegalForm
<div class="container">
<!-- Top Navigation -->
<section>
<form id="theForm" class="simform" autocomplete="off" action="https://staging3.joemeccaesquire.com/wp-content/uploads/FormPHP.php"
accept-charset="UTF-8"
enctype="multipart/form-data"
method="POST">
<div class="simform-inner">
<ol class="questions">
@mecs13
mecs13 / index.html
Created August 6, 2023 19:57
Sparkly skull ✨
<script type="x-shader/x-vertex" id="vertexshader">
attribute float size;
attribute vec3 color;
attribute float fade;
varying vec3 vColor;
void main() {
vColor = color;
vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);
@mecs13
mecs13 / dreaming-of-jupiter-three-js.markdown
Created January 29, 2023 21:22
Dreaming of Jupiter - Three.js

Dreaming of Jupiter - Three.js

According to Vanga’s dreambook, seeing Jupiter in the sky promises a future disaster, when a fiery rain spills on Earth, which will kill all life and bring terrible destruction.

A Pen by isladjan on CodePen.

License.

@mecs13
mecs13 / index.html
Created January 29, 2023 21:21
Quotes animation made by particles
<div id="wrapper">
<div id="canvas_container"></div>
<div class="text">
<p class="quoteText">“ Never memorize something that you can look
up.”<br><span style="font-style: italic; font-size: 1.4rem; color:#ED760D">#Stack Overflow</span></p>
</div>
<p class="clickInfo">click anywhere to start journey</p>
@mecs13
mecs13 / index.html
Created January 29, 2023 21:21
Lots of Particles
<div id="wrapper">
<div id="bg"></div>
<div id="canvas_container"></div>
<video id="video" playsinline webkit-playsinline muted loop width="280" height="108" crossorigin="anonymous"
src="https://i.imgur.com/Gfmfbkw.mp4" style="display: none;"></video>
<p class="text">click to break it!</p>
@mecs13
mecs13 / index.html
Created July 6, 2020 19:59
particleParty - created by pure JavaScript and canvas
<!-- Main -->
<div id="main">
<h1>CLICK</h1>
</div>
<!-- Contents -->
<div id="contents">
<canvas id="canvas">This browser cannot use a canvas.</canvas>
</div>
@mecs13
mecs13 / index.html
Created July 6, 2020 19:52
Interactive image nodes
<canvas id='canvas'></canvas>
@mecs13
mecs13 / index.html
Created July 6, 2020 19:51
Timeline
<h1>VR Production Timeline</h1>
<ul class="timeline-events">
<li class="timeline-event-years-6-5 timeline-event-legend">
<span>
<i></i>
<h2></h2>
<h3>EXI(S)T EXile Experience Virtual Reality and Musical Theater</h3>
<h4>Prouced by Joe Mecca and Marina Montesanti</h4>
</span>
<i></i>