Skip to content

Instantly share code, notes, and snippets.

View iammcoding's full-sized avatar
💭
just coding />

Iammcoding iammcoding

💭
just coding />
16 followers · 5 following
View GitHub Profile
@iammcoding
iammcoding / Starfield.html
Created September 7, 2024 23:49
Starfield using threejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Starfield</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap">
<style>
body, html {
margin: 0;
@iammcoding
iammcoding / orbit.html
Created September 6, 2024 22:17
Three.js OrbitControls Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Three.js OrbitControls Example</title>
<style>
body {
margin: 0;
overflow: hidden;
@iammcoding
iammcoding / index.html
Created September 5, 2024 16:29
ScrollTriggering Through a Tube GSAP
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
@iammcoding
iammcoding / plannet.html
Created September 4, 2024 23:10
Three.js Shattered Stars Effect
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Three.js Shattered Stars Effect</title>
<style>
body { margin: 0; }
canvas { display: block; }
</style>
@iammcoding
iammcoding / fireball.html
Created September 4, 2024 01:45
Perlin noise | Fireball explosion
<!DOCTYPE html>
<head></head>
<title>Perlin noise | Fireball explosion</title>
<meta charset="utf-8">
<div class="container-fluid fixed-top header disable-selection">
<div class="row">
<div class="col">
<!--p.small(href='#',role='button')strong 708.588 POINTS
@iammcoding
iammcoding / cube_animation.html
Created September 4, 2024 01:05
Three.js cube travel animation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
margin: 0;
padding: 0;
@iammcoding
iammcoding / pyscript.html
Created September 3, 2024 02:25
matplotlib and numpy using pyscript
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
@iammcoding
iammcoding / animated_text.html
Created September 1, 2024 22:09
<style>
body {
margin: 0;
overflow: hidden;
}
#instructions {
position: absolute;
@iammcoding
iammcoding / image_comparison.html
Created August 29, 2024 00:57
Create Stunning Image Comparison Sliders with DicsJS
<link rel="stylesheet" href="https://codictados.com/public/dics/min/dics.min.css">
<div class="b-dics">
<img src="godofwar-trailer.jpg" alt="Trailer" />
<img src="godofwar-final.jpg" alt="Final Version" />
</div>
<script src="https://codictados.com/public/dics/min/dics.min.js"></script>
<script>
@iammcoding
iammcoding / menu.html
Created August 22, 2024 00:13
Animated Context Menu
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Animated Context Menu with Sub-Lists</title>
<style>
body {
margin: 0;
height: 100vh;