• Stars
    star
    192
  • Rank 202,019 (Top 4 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 4 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Fast & customizable 3D model viewer for everyone

View3D

npm (scoped) License Typescript GitHub Repo stars

Fast & Customizable glTF 3D model viewer, packed with full of features!

πŸ‘‰ Demo / API Document / Tutorial

πŸ”Ή Features

  • glTF Viewer based on the three.js
    • View, rotate, translate and zoom your glTF 3D models in the web.
    • Works on both πŸ–₯️ Desktop & πŸ“± Mobile
    • Customize your viewer with options like autoplay, skybox, and shadow
  • Augmented Reality
    • View3D supports Augmented Reality based on WebXR, Scene Viewer, and AR Quick Look
    • You can see, rotate, move, and scale the 3D model on the floor & wall in our AR sessions.
  • Supports compressed glTF 2.0 models
    • View3D can display compressed glTF models with the following extensions.
      • KHR_draco_mesh_compression
      • EXT_meshopt_compression
      • KHR_texture_basisu
  • Typescript-based

πŸ”Ή Installation

npm i @egjs/view3d
# OR
yarn add @egjs/view3d

πŸ”Ή Quick Start

@egjs/view3d requires one wrapper & one canvas element to be initialized.

<div id="view3d" class="view3d-wrapper">
  <canvas class="my-canvas"></canvas>
</div>

Then you can use it like

import View3D from "@egjs/view3d";
import "@egjs/view3d/css/view3d-bundle.min.css";

const canvasEl = document.querySelector("#view3d");
const view3d = new View3D(canvasEl, {
  src: "URL_TO_YOUR_3D_MODEL",
  envmap: "URL_TO_YOUR_HDR_IMAGE",
});

// or just

const view3d = new View3D("#view3d");

See detailed explanation on our Tutorial

πŸ”Ή Browser Support

View3D is available for the last two major versions of all evergreen desktop and mobile browsers.

πŸ”Ή Articles

πŸ”Ή License

Copyright (c) 2020-present NAVER Corp.

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

More Repositories

1

billboard.js

πŸ“Š Re-usable, easy interface JavaScript chart library based on D3.js
TypeScript
5,812
star
2

fe-news

FE 기술 μ†Œμ‹ νλ ˆμ΄μ…˜ λ‰΄μŠ€λ ˆν„°
5,635
star
3

dust3r

DUSt3R: Geometric 3D Vision Made Easy
Python
4,919
star
4

egjs-flicking

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
TypeScript
2,551
star
5

egjs-infinitegrid

A module used to arrange card elements including content infinitely on a grid layout.
TypeScript
2,187
star
6

ngrinder

enterprise level performance testing solution
Java
1,788
star
7

d2codingfont

D2 Coding κΈ€κΌ΄
1,774
star
8

egjs

Javascript components group that brings easiest and fastest way to build a web application in your way.
JavaScript
922
star
9

splade

SPLADE: sparse neural search (SIGIR21, SIGIR22)
Python
748
star
10

mast3r

Grounding Image Matching in 3D with MASt3R
Python
731
star
11

biobert-pretrained

BioBERT: a pre-trained biomedical language representation model for biomedical text mining
651
star
12

deep-image-retrieval

End-to-end learning of deep visual representations for image retrieval
Python
643
star
13

sqlova

Python
631
star
14

fixture-monkey

Let Fixture Monkey generate test instances including edge cases automatically
Java
549
star
15

roma

RoMa: A lightweight library to deal with 3D rotations in PyTorch.
Python
493
star
16

r2d2

Python
468
star
17

kapture

kapture is a file format as well as a set of tools for manipulating datasets, and in particular Visual Localization and Structure from Motion data.
Python
466
star
18

egjs-view360

360 integrated viewing solution
TypeScript
438
star
19

scavenger

A runtime dead code analysis tool
Java
400
star
20

yobi

Project hosting software - Deprecated
Java
379
star
21

lispe

An implementation of a full fledged Lisp interpreter with Data Structure, Pattern Programming and High level Functions with Lazy Evaluation Γ  la Haskell.
C
369
star
22

lucy-xss-filter

HTML
319
star
23

arcus

ARCUS is the NAVER memcached with lists, sets, maps and b+trees. http://naver.github.io/arcus
Shell
302
star
24

egjs-grid

A component that can arrange items according to the type of grids
TypeScript
275
star
25

spring-jdbc-plus

Spring JDBC Plus
Java
274
star
26

kapture-localization

Provide mapping and localization pipelines based on kapture format
Python
266
star
27

android-imagecropview

android image crop library
Java
250
star
28

croco

Python
249
star
29

smarteditor2

Javascript WYSIWYG HTML editor
JavaScript
241
star
30

lucy-xss-servlet-filter

Java
237
star
31

kor2vec

OOV없이 λΉ λ₯΄κ³  μ •ν™•ν•œ ν•œκ΅­μ–΄ Embedding 라이브러리
Python
219
star
32

claf

CLaF: Open-Source Clova Language Framework
Python
215
star
33

eslint-config-naver

Naver JavaScript Coding Conventions rules for eslint
JavaScript
205
star
34

tamgu

Tamgu (탐ꡬ), a FIL programming language: Functional, Imperative, Logical all in one for annotation and data augmentation
C++
199
star
35

multi-hmr

Pytorch demo code and models for Multi-HMR
Python
178
star
36

nlp-challenge

NLP Shared tasks (NER, SRL) using NSML
Python
177
star
37

hackday-conventions-java

캠퍼슀 핡데이 Java μ½”λ”© μ»¨λ²€μ…˜
173
star
38

nbase-arc

nbase-arc is an open source distributed memory store based on Redis
C
171
star
39

nanumfont

170
star
40

egjs-axes

A module used to change the information of user action entered by various input devices such as touch screen or mouse into the logical virtual coordinates.
TypeScript
150
star
41

cgd

Combination of Multiple Global Descriptors for Image Retrieval
Python
147
star
42

naver-openapi-guide

CSS
135
star
43

volley-extensions

Volley Extensions v2.0.0. ( Volleyer, Volley requests, Volley caches, Volley custom views )
Java
134
star
44

fire

Python
128
star
45

tldr

TLDR is an unsupervised dimensionality reduction method that combines neighborhood embedding learning with the simplicity and effectiveness of recent self-supervised learning losses
Python
123
star
46

pr-stats

PR에 λŒ€ν•œ μœ μš©ν•œ 톡계λ₯Ό μ‚°μΆœν•˜λŠ” GitHub Actions
TypeScript
122
star
47

PoseGPT

Python
119
star
48

grabcutios

Image segmentation using GrabCut algorithm for iOS
C++
118
star
49

sling

C++
117
star
50

gdc

Code accompanying our papers on the "Generative Distributional Control" framework
Python
116
star
51

naveridlogin-sdk-android

넀이버 μ•„μ΄λ””λ‘œ 둜그인 SDK (μ•ˆλ“œλ‘œμ΄λ“œ)
Kotlin
114
star
52

posescript

Python
114
star
53

egjs-conveyer

Conveyer adds Drag gestures to your Native Scroll.
TypeScript
113
star
54

spring-batch-plus

Add useful features to spring batch
Kotlin
111
star
55

cfcs

Write once, create framework components that supports React, Vue, Svelte, and more.
TypeScript
102
star
56

egjs-agent

Extracts browser and operating system information from the user agent string or user agent object(userAgentData).
TypeScript
100
star
57

searchad-apidoc

Java
98
star
58

dope

Python
92
star
59

bergen

Benchmarking library for RAG
Jupyter Notebook
88
star
60

imagestabilizer

C++
77
star
61

guitar

AutoIt
75
star
62

arcus-memcached

ARCUS memory cache server
C
71
star
63

disco

A Toolkit for Distributional Control of Generative Models
Python
68
star
64

prism-live-studio

C++
63
star
65

cover-checker

Check your pull request code coverage
Java
63
star
66

egjs-list-differ

βž•βž–πŸ”„ A module that checks the diff when values are added, removed, or changed in an array.
TypeScript
63
star
67

storybook-addon-preview

Storybook Addon Preview can show user selected knobs in various framework code in Storybook
TypeScript
63
star
68

svc

Easy and intuitive pattern for Android
Kotlin
62
star
69

egjs-imready

I'm Ready to check if the images or videos are loaded!
TypeScript
60
star
70

egjs-flicking-plugins

Plugins for @egjs/flicking
TypeScript
60
star
71

naveridlogin-sdk-ios

Objective-C
59
star
72

garnet

Python
57
star
73

clova-face-kit

On-device lightweight face recognition. Available on Android, iOS, WASM, Python.
57
star
74

rye

RYE, Native Sharding RDBMS
C
54
star
75

hubblemon

Python
54
star
76

zeplin-flutter-gen

πŸš€The Flutter dart code generator from zeplin. ex) Container, Text, Color, TextStyle, ... - Save your time.
JavaScript
53
star
77

egjs-visible

A class that checks if an element is visible in the base element or viewport.
HTML
52
star
78

arcus-java-client

ARCUS Java client
Java
50
star
79

aqm-plus

PyTorch code for Large-Scale Answerer in Questioner's Mind for Visual Dialog Question Generation (AQM+) (ICLR 2019)
Python
50
star
80

isometrizer

Isometrizer turns your DOM elements into isometric projection
TypeScript
48
star
81

artemis

Official code release for ARTEMIS: Attention-based Retrieval with Text-Explicit Matching and Implicit Similarity (published at ICLR 2022)
Python
46
star
82

jindojs-jindo

Jindo JavaScript Framework
JavaScript
44
star
83

covid19-nmt

Multi-lingual & multi-domain (specialisation for biomedical data) translation model
Python
40
star
84

react-sample-code

이 ν”„λ‘œμ νŠΈλŠ” hello world에 κ³΅κ°œν•œ React 개발 κ°€μ΄λ“œμ— ν•„μš”ν•œ μƒ˜ν”Œ μ½”λ“œμž…λ‹ˆλ‹€.
JavaScript
39
star
85

pump

Python
39
star
86

posebert

Python
39
star
87

passport-naver

A passport strategy for Naver OAuth 2.0
JavaScript
38
star
88

hadoop

Public hadoop release repository
Java
38
star
89

kaist-oss-course

Introduction to Open Source Software class @ KAIST 2016
38
star
90

egjs-component

A class used to manage events in a component like DOM
TypeScript
38
star
91

graphql-dataloader-mongoose

graphql-dataloader-mongoose is a DataLoader generator based on an existing Mongoose model
TypeScript
38
star
92

egjs-persist

Provide cache interface to handle persisted data among history navigation.
JavaScript
38
star
93

shine

[CVPR'24 Highlight] SHiNe: Semantic Hierarchy Nexus for Open-vocabulary Object Detection
Python
36
star
94

naver-spring-batch-ex

Java
33
star
95

naverspeech-sdk-ios

Swift
32
star
96

reflect

C++ class reflection library without RTTI.
C++
32
star
97

android-utilset

Utilset is collections of useful functions to save your valuable time.
Java
32
star
98

cafe-sdk-unity

31
star
99

image-maps

jquery plugin which can be partially linked to the image
JavaScript
31
star
100

mesh-simplifier

Collection of mesh simplification methods written in Typescript
TypeScript
30
star