Skip to content

Commit

Permalink
website update (#1082)
Browse files Browse the repository at this point in the history 
* website template

* Add website changes

Co-authored-by: Arthur Beck <averse.abfun@gmail.com>
Co-authored-by: Aryan Kapoor <Aryankpoor@users.noreply.github.com>
Co-authored-by: Max Wofford <max@maxwofford.com>

* add 3d model with threatle

* small website updates

---------

Co-authored-by: Arthur Beck <averse.abfun@gmail.com>
Co-authored-by: Aryan Kapoor <Aryankpoor@users.noreply.github.com>
Co-authored-by: Max Wofford <max@maxwofford.com>
  • Loading branch information
@LimesKey @AverseABFun
@Aryankpoor @maxwofford
4 people committed Sep 9, 2024
1 parent cb22eb6 commit 12144dc
Show file tree
Hide file tree
Showing 8 changed files with 768 additions and 301 deletions.
39 changes: 23 additions & 16 deletions showcase/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,23 +12,30 @@
"format": "prettier --write ."
},
"devDependencies": {
"@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/adapter-auto": "^3.2.4",
"@sveltejs/adapter-cloudflare": "^4.7.2",
"@sveltejs/kit": "^2.0.0",
"@sveltejs/vite-plugin-svelte": "^3.0.0",
"@types/eslint": "^9.6.0",
"eslint": "^9.0.0",
"@sveltejs/kit": "^2.5.26",
"@sveltejs/vite-plugin-svelte": "^3.1.2",
"@types/eslint": "^9.6.1",
"@types/three": "^0.168.0",
"eslint": "^9.10.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-svelte": "^2.36.0",
"globals": "^15.0.0",
"prettier": "^3.1.1",
"prettier-plugin-svelte": "^3.1.2",
"svelte": "^4.2.7",
"svelte-check": "^3.6.0",
"svelte-preprocess-import-assets": "^1.1.0",
"typescript": "^5.0.0",
"typescript-eslint": "^8.0.0",
"vite": "^5.0.3"
"eslint-plugin-svelte": "^2.43.0",
"globals": "^15.9.0",
"prettier": "^3.3.3",
"prettier-plugin-svelte": "^3.2.6",
"svelte": "^4.2.19",
"svelte-check": "^3.8.6",
"typescript": "^5.5.4",
"typescript-eslint": "^8.4.0",
"vite": "^5.4.3"
},
"type": "module"
"prepare": "svelte-kit sync",
"type": "module",
"dependencies": {
"@threlte/core": "^7.3.1",
"@threlte/extras": "^8.11.5",
"@threlte/flex": "^1.0.3",
"three": "^0.168.0"
}
}
473 changes: 370 additions & 103 deletions showcase/pnpm-lock.yaml
View file

Large diffs are not rendered by default.

20 changes: 20 additions & 0 deletions showcase/src/lib/components/App.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<script lang="ts">
import { Canvas } from '@threlte/core';
import Scene from './Scene.svelte';
</script>

<div>
<Canvas>
<Scene />
</Canvas>
</div>

<style>
div {
width: 100%;
height: 100%;
object-fit: contain;
}
</style>

26 changes: 26 additions & 0 deletions showcase/src/lib/components/Scene.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<script lang="ts">
import Model from './models/pcb.svelte';
import { T, useFrame} from '@threlte/core';
import { OrbitControls } from '@threlte/extras'
let rotation = 0;
useFrame((_, delta) => {
rotation += delta * 0.4
})
</script>

<T.AmbientLight intensity={1} />

<T.OrthographicCamera
zoom={20}
makeDefault
position={[0, 0, 100]}
<!-- on:create={({ ref }) => {
ref.lookAt(0, 1, 0);
}}> -->

</T.OrthographicCamera>

<Model scale={100} position.x={-15} position.y={8} position.z={0} />
94 changes: 94 additions & 0 deletions showcase/src/lib/components/models/pcb.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<!--
Auto-generated by: https://github.com/threlte/threlte/tree/main/packages/gltf
Command: npx @threlte/gltf@2.0.3 /home/ryan/Desktop/PCB/OnBoard/showcase/static/pcb.gltf --transform
-->

<script>
import { Group } from 'three'
import { T, forwardEventHandlers } from '@threlte/core'
import { useGltf } from '@threlte/extras'
export const ref = new Group()
const gltf = useGltf('/pcb-transformed.glb', { useDraco: true })
const component = forwardEventHandlers()
</script>

<T is={ref} dispose={false} {...$$restProps} bind:this={$component}>
{#await gltf}
<slot name="fallback" />
{:then gltf}
<T.Mesh geometry={gltf.nodes.Shape_9.geometry} material={gltf.materials.APP_1} />
<T.Mesh geometry={gltf.nodes.Shape_10.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_11.geometry} material={gltf.materials.APP_3} />
<T.Mesh geometry={gltf.nodes.Shape_12.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_13.geometry} material={gltf.materials.APP_5} />
<T.Mesh geometry={gltf.nodes.Shape_14.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_15.geometry} material={gltf.materials.APP_5} />
<T.Mesh geometry={gltf.nodes.Shape_16.geometry} material={gltf.materials.APP_8} />
<T.Mesh geometry={gltf.nodes.Shape_17.geometry} material={gltf.materials.APP_9} />
<T.Mesh geometry={gltf.nodes.Shape_18.geometry} material={gltf.materials.APP_8} />
<T.Mesh geometry={gltf.nodes.Shape_19.geometry} material={gltf.materials.APP_9} />
<T.Mesh geometry={gltf.nodes.Shape_20.geometry} material={gltf.materials.APP_8} />
<T.Mesh geometry={gltf.nodes.Shape_21.geometry} material={gltf.materials.APP_1} />
<T.Mesh geometry={gltf.nodes.Shape_22.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_23.geometry} material={gltf.materials.APP_3} />
<T.Mesh geometry={gltf.nodes.Shape_24.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_25.geometry} material={gltf.materials.APP_5} />
<T.Mesh geometry={gltf.nodes.Shape_26.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_27.geometry} material={gltf.materials.APP_5} />
<T.Mesh geometry={gltf.nodes.Shape_28.geometry} material={gltf.materials.APP_1} />
<T.Mesh geometry={gltf.nodes.Shape_29.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_30.geometry} material={gltf.materials.APP_3} />
<T.Mesh geometry={gltf.nodes.Shape_31.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_32.geometry} material={gltf.materials.APP_5} />
<T.Mesh geometry={gltf.nodes.Shape_33.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_34.geometry} material={gltf.materials.APP_5} />
<T.Mesh geometry={gltf.nodes.Shape_35.geometry} material={gltf.materials.APP_1} />
<T.Mesh geometry={gltf.nodes.Shape_36.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_37.geometry} material={gltf.materials.APP_3} />
<T.Mesh geometry={gltf.nodes.Shape_38.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_39.geometry} material={gltf.materials.APP_5} />
<T.Mesh geometry={gltf.nodes.Shape_40.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_41.geometry} material={gltf.materials.APP_5} />
<T.Mesh geometry={gltf.nodes.Shape_42.geometry} material={gltf.materials.APP_20} />
<T.Mesh geometry={gltf.nodes.Shape_43.geometry} material={gltf.materials.APP_21} />
<T.Mesh geometry={gltf.nodes.Shape_44.geometry} material={gltf.materials.APP_20} />
<T.Mesh geometry={gltf.nodes.Shape_45.geometry} material={gltf.materials.APP_23} />
<T.Mesh geometry={gltf.nodes.Shape_46.geometry} material={gltf.materials.APP_24} />
<T.Mesh geometry={gltf.nodes.Shape_47.geometry} material={gltf.materials.APP_20} />
<T.Mesh geometry={gltf.nodes.Shape_48.geometry} material={gltf.materials.APP_23} />
<T.Mesh geometry={gltf.nodes.Shape_49.geometry} material={gltf.materials.APP_27} />
<T.Mesh geometry={gltf.nodes.Shape_50.geometry} material={gltf.materials.APP_28} />
<T.Mesh geometry={gltf.nodes.Shape_51.geometry} material={gltf.materials.APP_27} />
<T.Mesh geometry={gltf.nodes.Shape_52.geometry} material={gltf.materials.APP_28} />
<T.Mesh geometry={gltf.nodes.Shape_53.geometry} material={gltf.materials.APP_27} />
<T.Mesh geometry={gltf.nodes.Shape_54.geometry} material={gltf.materials.APP_28} />
<T.Mesh geometry={gltf.nodes.Shape_55.geometry} material={gltf.materials.APP_27} />
<T.Mesh geometry={gltf.nodes.Shape_56.geometry} material={gltf.materials.APP_21} />
<T.Mesh geometry={gltf.nodes.Shape_57.geometry} material={gltf.materials.APP_27} />
<T.Mesh geometry={gltf.nodes.Shape_58.geometry} material={gltf.materials.APP_21} />
<T.Mesh geometry={gltf.nodes.Shape_59.geometry} material={gltf.materials.APP_28} />
<T.Mesh geometry={gltf.nodes.Shape_60.geometry} material={gltf.materials.APP_1} />
<T.Mesh geometry={gltf.nodes.Shape_61.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_62.geometry} material={gltf.materials.APP_3} />
<T.Mesh geometry={gltf.nodes.Shape_63.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_64.geometry} material={gltf.materials.APP_5} />
<T.Mesh geometry={gltf.nodes.Shape_65.geometry} material={gltf.materials.APP_2} />
<T.Mesh geometry={gltf.nodes.Shape_66.geometry} material={gltf.materials.APP_5} />
<T.Mesh geometry={gltf.nodes.Shape.geometry} material={gltf.materials.APP_45} />
<T.Mesh geometry={gltf.nodes.Shape_1.geometry} material={gltf.materials.APP_45} />
<T.Mesh geometry={gltf.nodes.Shape_2.geometry} material={gltf.materials.APP_46} />
<T.Mesh geometry={gltf.nodes.Shape_3.geometry} material={gltf.materials.APP_47} />
<T.Mesh geometry={gltf.nodes.Shape_4.geometry} material={gltf.materials.APP_48} />
<T.Mesh geometry={gltf.nodes.Shape_5.geometry} material={gltf.materials.APP_46} />
<T.Mesh geometry={gltf.nodes.Shape_6.geometry} material={gltf.materials.APP_49} />
<T.Mesh geometry={gltf.nodes.Shape_7.geometry} material={gltf.materials.APP_50} />
<T.Mesh geometry={gltf.nodes.Shape_8.geometry} material={gltf.materials.APP_50} />
{:catch error}
<slot name="error" {error} />
{/await}

<slot {ref} />
</T>
Loading

0 comments on commit 12144dc

Please sign in to comment.