0.0.268 • Published 6 months ago

@anov/3d v0.0.268

Weekly downloads
-
License
MIT
Repository
-
Last release
6 months ago

anov-3d

anov 3d 核心包

示例网站 (notes: 暂时需科学上网)

usage

install

pnpm add @anov/3d

init a base scene 「wip」

import { Mesh, Scene, BoxGeometry, MeshBasicMaterial } from '@anov/3d'

const scene = new Scene({
  orbitControls: true,
})

const geometry = new BoxGeometry(2, 2, 2)
const material = new MeshBasicMaterial({ color: 0x00FF00 })
const box = new Mesh(geometry, material)

box.addNatureEventListener('pointermove', (object3D) => {
  (object3D.material as any).color.set(0xFF0000)
})
box.addNatureEventListener('pointerleave', (object3D) => {
  (object3D.material as any).color.set('#ccc')
})

scene.add(box)

scene.render(document.querySelector('#app')!)
scene.startFrameAnimate()

base object3d motion 「wip」

import { Mesh, Scene, utils, AxesHelper, BoxGeometry, GridHelper, MeshBasicMaterial } from '@anov/3d'

const scene = new Scene({
  orbitControls: true,
})

const geometry = new BoxGeometry(2, 2, 2)
const material = new MeshBasicMaterial({ color: 0x00FF00 })
const box = new Mesh(geometry, material)

const geometry2 = new BoxGeometry(2, 2, 2)
const materia2 = new MeshBasicMaterial({ color: '#ccc' })
const box2 = new Mesh(geometry2, materia2)

box.position.set(0, 0, 0)
box2.position.set(10, 30, -30)

scene.add(box)
scene.add(box2)

utils.moveWithRound(box2, 0.2, 100000)

scene.render(document.querySelector('#app')!)
scene.startFrameAnimate()

umd usage

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./source/base.css" />
    </style>
</head>

<body>
    <div id="describe">基本场景,鼠标点击移入移出点击交互</div>
    <div id="my-sandbox"></div>
    <script>
        javascript: (function () {
            var script = document.createElement('script');
            script.onload = function () {
                var stats = new Stats();
                document.body.appendChild(stats.dom);
                requestAnimationFrame(function loop() {
                    stats.update();
                    requestAnimationFrame(loop)
                });
            };
            script.src = 'https://mrdoob.github.io/stats.js/build/stats.min.js';
            document.head.appendChild(script);
        })()
    </script>
    // umd包 
    <script src="https://cdn.jsdelivr.net/npm/@anov/3d@0.0.1-alpha.5/lib/3d.min.js"></script>

    <script script type="module">
        const scene = new ANOV.Scene({
            orbitControls: true,
        })

        const geometry = new ANOV.BoxGeometry(2, 2, 2)
        const material = new ANOV.MeshBasicMaterial()
        const box = new ANOV.Mesh(geometry, material)

        const geometry2 = new ANOV.BoxGeometry(2, 2, 2)
        const material2 = new ANOV.MeshBasicMaterial()
        const box2 = new ANOV.Mesh(geometry2, material2)

        box.addNatureEventListener('pointermove', (object3D) => {
            object3D.material.color.set(0xFF0000)
        })
        box.addNatureEventListener('pointerleave', (object3D) => {
            object3D.material.color.set('#ccc')
        })

        box2.addNatureEventListener('click', (object3D) => {
            object3D.material.color.set(0xFF0000)
        })
        box2.addNatureEventListener('pointerleave', (object3D) => {
            object3D.material.color.set('#fff')
        })

        box2.position.set(5, 0, 0)
        scene.add(box)
        scene.add(box2)

        scene.scene.background = new ANOV.Color('#345')
        scene.render(document.querySelector('#my-sandbox'))
        scene.startFrameAnimate()
    </script>

</body>

</html>
0.0.205

10 months ago

0.0.203

10 months ago

0.0.202

10 months ago

0.0.209

10 months ago

0.0.208

10 months ago

0.0.207

10 months ago

0.0.206

10 months ago

0.0.200

10 months ago

0.0.216

10 months ago

0.0.215

10 months ago

0.0.214

10 months ago

0.0.213

10 months ago

0.0.218

10 months ago

0.0.217

10 months ago

0.0.211

10 months ago

0.0.210

10 months ago

0.0.227

9 months ago

0.0.226

9 months ago

0.0.225

9 months ago

0.0.224

9 months ago

0.0.229

9 months ago

0.0.228

9 months ago

0.0.223

9 months ago

0.0.222

9 months ago

0.0.221

9 months ago

0.0.220

9 months ago

0.0.197

10 months ago

0.0.196

10 months ago

0.0.195

10 months ago

0.0.194

10 months ago

0.0.199

10 months ago

0.0.198

10 months ago

0.0.193

10 months ago

0.0.191

10 months ago

0.0.190

10 months ago

0.0.177

1 year ago

0.0.176

1 year ago

0.0.185

10 months ago

0.0.184

10 months ago

0.0.189

10 months ago

0.0.188

10 months ago

0.0.238

9 months ago

0.0.237

9 months ago

0.0.236

9 months ago

0.0.235

9 months ago

0.0.239

9 months ago

0.0.230

9 months ago

0.0.234

9 months ago

0.0.233

9 months ago

0.0.232

9 months ago

0.0.231

9 months ago

0.0.249

9 months ago

0.0.247

9 months ago

0.0.246

9 months ago

0.0.240

9 months ago

0.0.245

9 months ago

0.0.244

9 months ago

0.0.243

9 months ago

0.0.242

9 months ago

0.0.259

9 months ago

0.0.258

9 months ago

0.0.257

9 months ago

0.0.252

9 months ago

0.0.251

9 months ago

0.0.250

9 months ago

0.0.256

9 months ago

0.0.255

9 months ago

0.0.254

9 months ago

0.0.253

9 months ago

0.0.268

6 months ago

0.0.263

8 months ago

0.0.262

9 months ago

0.0.261

9 months ago

0.0.260

9 months ago

0.0.267

7 months ago

0.0.266

7 months ago

0.0.265

7 months ago

0.0.264

8 months ago

0.0.153

1 year ago

0.0.156

1 year ago

0.0.142

1 year ago

0.0.141

1 year ago

0.0.140

1 year ago

0.0.84

2 years ago

0.0.85

2 years ago

0.0.86

2 years ago

0.0.87

2 years ago

0.0.88

2 years ago

0.0.89

2 years ago

0.0.80

2 years ago

0.0.81

2 years ago

0.0.82

2 years ago

0.0.83

2 years ago

0.0.73

2 years ago

0.0.74

2 years ago

0.0.75

2 years ago

0.0.76

2 years ago

0.0.77

2 years ago

0.0.78

2 years ago

0.0.79

2 years ago

0.0.70

2 years ago

0.0.71

2 years ago

0.0.72

2 years ago

0.0.62

2 years ago

0.0.63

2 years ago

0.0.64

2 years ago

0.0.65

2 years ago

0.0.66

2 years ago

0.0.67

2 years ago

0.0.68

2 years ago

0.0.69

2 years ago

0.0.60

2 years ago

0.0.61

2 years ago

0.0.59

2 years ago

0.0.106

1 year ago

0.0.51

2 years ago

0.0.105

1 year ago

0.0.52

2 years ago

0.0.104

1 year ago

0.0.53

2 years ago

0.0.103

1 year ago

0.0.54

2 years ago

0.0.55

2 years ago

0.0.109

1 year ago

0.0.56

2 years ago

0.0.108

1 year ago

0.0.57

2 years ago

0.0.107

1 year ago

0.0.58

2 years ago

0.0.102

1 year ago

0.0.101

1 year ago

0.0.100

1 year ago

0.0.50

2 years ago

0.0.48

2 years ago

0.0.49

2 years ago

0.0.117

1 year ago

0.0.116

1 year ago

0.0.115

1 year ago

0.0.114

1 year ago

0.0.44

2 years ago

0.0.45

2 years ago

0.0.119

1 year ago

0.0.46

2 years ago

0.0.118

1 year ago

0.0.47

2 years ago

0.0.112

1 year ago

0.0.111

1 year ago

0.0.110

1 year ago

0.0.128

1 year ago

0.0.127

1 year ago

0.0.126

1 year ago

0.0.125

1 year ago

0.0.129

1 year ago

0.0.120

1 year ago

0.0.124

1 year ago

0.0.123

1 year ago

0.0.122

1 year ago

0.0.121

1 year ago

0.0.139

1 year ago

0.0.137

1 year ago

0.0.136

1 year ago

0.0.131

1 year ago

0.0.130

1 year ago

0.0.134

1 year ago

0.0.133

1 year ago

0.0.132

1 year ago

0.0.95

1 year ago

0.0.96

1 year ago

0.0.97

1 year ago

0.0.98

1 year ago

0.0.99

1 year ago

0.0.90

2 years ago

0.0.91

2 years ago

0.0.92

2 years ago

0.0.93

2 years ago

0.0.94

2 years ago

0.0.40

2 years ago

0.0.41

2 years ago

0.0.42

2 years ago

0.0.43

2 years ago

0.0.39

2 years ago

0.0.38

2 years ago

0.0.30

2 years ago

0.0.25-alpha0

2 years ago

0.0.25-alpha1

2 years ago

0.0.28

2 years ago

0.0.24

2 years ago

0.0.22

2 years ago

0.0.23

2 years ago

0.0.20

2 years ago

0.0.15

2 years ago

0.0.16

2 years ago

0.0.17

2 years ago

0.0.18

2 years ago

0.0.19

2 years ago

0.0.12

2 years ago

0.0.13

2 years ago

0.0.14

2 years ago

0.0.10

2 years ago

0.0.11

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.4-alpha35

2 years ago

0.0.4-alpha36

2 years ago

0.0.4-alpha37

2 years ago

0.0.4-alpha31

2 years ago

0.0.4-alpha32

2 years ago

0.0.4-alpha33

2 years ago

0.0.4-alpha34

2 years ago

0.0.4-alpha29

2 years ago

0.0.4-alpha28

2 years ago

0.0.4-alpha30

2 years ago

0.0.4-alpha27

2 years ago

0.0.4-alpha25

2 years ago

0.0.4-alpha26

2 years ago

0.0.4-alpha23

2 years ago

0.0.4-alpha24

2 years ago

0.0.4-alpha21

2 years ago

0.0.4-alpha22

2 years ago

0.0.4-alpha20

2 years ago

0.0.4-alpha18

2 years ago

0.0.4-alpha19

2 years ago

0.0.4-alpha17

2 years ago

0.0.4-alpha16

2 years ago

0.0.4-alpha15

2 years ago

0.0.4-alpha12

2 years ago

0.0.4-alpha13

2 years ago

0.0.4-alpha14

2 years ago

0.0.4-alpha.1

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1-alpha.11

2 years ago

0.0.1-alpha.10

2 years ago

0.0.1-alpha.9

2 years ago

0.0.1-alpha.8

2 years ago

0.0.1-alpha.7

2 years ago

0.0.1-alpha.6

2 years ago

0.0.1-alpha.5

2 years ago

0.0.1-alpha.4

2 years ago

0.0.1-alpha.3

2 years ago

0.0.1-alpha.2

2 years ago

0.0.1-alpha.1

2 years ago

0.0.1-alpha.0

2 years ago

0.0.1

2 years ago