inflearn logo
inflearn logo

Three.js 3D ้ƒฝๅธ‚ใƒขใƒ‡ใƒซ ๏ผ† Netlify ใƒ‡ใƒ—ใƒญใ‚ค

ใ„ใคใพใง็ฎฑใ‚„็ƒไฝ“ใ‚’ๅ›ž่ปขใ•ใ›ใ‚‹ใ“ใจใฐใ‹ใ‚Šๅญฆใ‚“ใงใ„ใ‚‹ใฎใงใ™ใ‹ใ€‚ๆฃฎใ‚’่ฆ‹ใšๆœจใฐใ‹ใ‚Š่ฆ‹ใฆใ‚‚ใ€ๆ€่€ƒใฏๅบƒใŒใ‚Šใพใ›ใ‚“ใ€‚ ๅฎŒๅ…จใชๅˆๅฟƒ่€…ใ‹ใ‚‰่„ฑๅ‡บใ—ใ€ๅฎŸๅ‹™ใซๅฟœ็”จๅฏ่ƒฝใงใ€ๆœ€่ฟ‘ๆณจ็›ฎใ•ใ‚Œใฆใ„ใ‚‹ใƒ‡ใ‚ธใ‚ฟใƒซใƒ„ใ‚คใƒณใฎไธ€็ซฏใ‚’ๆ‹…ใ†Three.jsใฎใƒ‘ใƒฏใƒผใ‚’ไฝ“ๆ„Ÿใ—ใฆใใ ใ•ใ„ใ€‚ใƒ›ใƒผใƒ ใƒšใƒผใ‚ธใงใใ‚‹ใใ‚‹ๅ›žใ™็”จ้€”ใงใฏใชใใ€ๆฅญๅ‹™ใซ้ฉ็”จใงใใ‚‹ใƒฌใƒ™ใƒซใงใ™ใ€‚ ่ฃฝ้€ ใ€ๅ›ฝ้˜ฒใ€็ฝๅฎณใ€่ผธ้€ๅˆ†้‡Žใชใฉใ€้–ข้€ฃใƒขใƒ‡ใƒซ๏ผˆglb, glTFใชใฉ๏ผ‰ใฎๅˆถไฝœ่ƒฝๅŠ›ใ‚’่บซใซใคใ‘ใ‚Œใฐใ€ใƒ‰ใƒกใ‚คใƒณๅฐ‚้–€ๆ€งใŒไธ€ๅฑคใ‚ขใƒƒใƒ—ใ‚ฐใƒฌใƒผใƒ‰ใ•ใ‚Œใพใ™ใ€‚ ๅ€‹ไบบใŠใ‚ˆใณไผš็คพใ‚ตใƒผใƒใƒผๅ‘ใ‘ใฎOn-Premises็”จNode.js(Express) ใŠใ‚ˆใณ Nest.js ๅ„ใ‚ตใƒผใƒใƒผใ‚‚้–‹็™บใ—ใพใ™ใ€‚ ๆœฌ่ฌ›ๅบงใ‚’ๅฐ‘ใ—ๅค‰ๅฝขใ™ใ‚‹ใ ใ‘ใงใ€ใƒ‘ใƒฏใƒ•ใƒซใชใ‚ตใƒผใƒ“ใ‚นๅˆถไฝœใจๅˆใ‚ใ›ใฆใ€ITไบบๆใจใ—ใฆ็”Ÿใพใ‚Œๅค‰ใ‚ใ‚‹ใ“ใจใŒใงใใ‚‹ใงใ—ใ‚‡ใ†ใ€‚็š†ใ•ใ‚“ใ€ใฒใ‚‹ใพใšใซๆŒ‘ๆˆฆใ—ใฆใใ ใ•ใ„ใ€‚ใใ‚“ใชใซ้›ฃใ—ใใ‚ใ‚Šใพใ›ใ‚“ใ€‚^^

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

Three.js
Three.js
JavaScript
JavaScript
Three.js
Three.js
JavaScript
JavaScript

ใŠ็Ÿฅใ‚‰ใ›

6 ไปถ

  • greghan๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๏ฝฅ

    ไฟฎๆญฃๆธˆใฟ

    ใ“ใ‚“ใซใกใฏใ€ใƒใƒณใƒปใ‚ธใƒงใƒณใ‚คใƒณใงใ™ใ€‚
    ๆ”น่จ‚ๆƒ…ๅ ฑ๏ผš

    node v22.21.1
     "dependencies": {
        "@tweenjs/tween.js": "^25.0.0",
        "lil-gui": "^0.21.0",
        "lodash": "^4.17.21",
        "pako": "^2.1.0",
        "three": "^0.181.1",
        "tweakpane": "^4.0.5"
      },
      "devDependencies": {
        "@tweakpane/core": "^2.0.5",
        "@types/gulp": "^4.0.18",
        "@types/gulp-clean-css": "^4.3.4",
        "@types/gulp-rename": "^2.0.7",
        "@types/pako": "^2.0.4",
        "@types/three": "^0.181.0",
        "del": "^8.0.1",
        "gulp": "^5.0.1",
        "gulp-clean-css": "^4.3.0",
        "gulp-rename": "^2.1.0",
        "gulp-replace": "^1.1.4",
        "terser": "^5.44.1",
        "vite": "^7.2.2"
      }

    ไปฅไธ‹ใฏไธ–ใฎไธญใฎ่ฉฑใงใ™ใ€‚
    ใƒใƒƒใƒ”ใƒผใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใฏใ‚„ใฏใ‚Šๆ‰‹ใงใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใ™ใ‚‹ใฎใŒ่‰ฏใ„ใงใ™ใ€‚ใ‚‚ใฃใจ้‡่ฆใชใฎใฏใƒ‰ใƒกใ‚คใƒณ็Ÿฅ่ญ˜ใงใ™ใ€‚

    0
  • greghan๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๏ฝฅ

    ไฟฎๆญฃๆธˆใฟ

    ใ“ใ‚“ใซใกใฏใ€ใƒใƒณใƒปใ‚ธใƒงใƒณใ‚คใƒณใงใ™ใ€‚
    ๆ”น่จ‚ๆƒ…ๅ ฑ๏ผš

     node v22.15.0 @types/three ^0.172.0 โ†’ ^0.176.0 terser ^5.37.0 โ†’ ^5.39.2 three ^0.172.0 โ†’ ^0.176.0 vite ^6.0.11 โ†’ ^6.3.5

    ไปฅไธ‹ใฏไธ–็•Œๅฒใฏ็‰ฉ่ชžใงใ™ใ€‚
    ๆœ€่ฟ‘ใƒใ‚คใƒ–AIๅˆ†้‡ŽใŒๅคšใ็™บๅฑ•ใ—ใพใ—ใŸใญใ€‚

    ใงใ‚‚ใ€็งใฏใ‚‚ใ†ๅคงใใใชใฃใฆใฏไฝฟใ‚ใชใ„ใ“ใจใซใ—ใพใ—ใŸใ€‚

    ใใฎ็†็”ฑใฏใ€ใ‚ใพใ‚Šใซใ‚‚ๅˆฉ็›ŠใซๅŸ‹ๆฒกใ—ใŸๆ„Ÿใ˜ใงใ‚ใ‚Šใ€ไบบใซใ‚€ใ—ใ‚ไป•ไบ‹ใ‚’ใ•ใ›ใ‚ˆใ†ใจใ™ใ‚‹ใ‚ˆใ†ใงใ™ใ€‚

    ่จ€่‘‰ใ‚‚ใ€Œใฏใ„ใ€ใ“ใ†ใ—ใฆใใ ใ•ใ„ใ€ใจ่ณชๅ•ใฎๅ›ž็ญ”ใ‚‚ใ‚ใ’ใ‚‹ใฎใŒใชใ‚“ใ‹็ฌ‘ใ„ใ‚‚ใ—ใฆใ„ใฆใ€ใ‚ใพใ‚Šใ†ใพใใงใใšใซ...

    ่ฒป็”จๆ”ฏๆ‰•ใ„ใ•ใ›ใ•ใ›ใ‚‹ใฎใซใ‚‚ใใกใ‚“ใจใงใใชใ„ใ‚ˆใ†ใซใ—ใฆใ‚‚่‹ฆ้›ฃไฝ“ใ‚’ใ—ใฆdiscordใซcomplainๆฎ‹ๅพ—ๆ›ธใ„ใฆ่„ฑ้€€...
    ็š†ใ•ใ‚“ใ‚‚่‰ฏใ„aiใ‚ˆใ้ธใ‚“ใงๅฏ่ƒฝใงใ‚ใ‚Œใฐ3ใคใปใฉๅŸบๆœฌ่ฒป็”จใซๆˆปใ‚ŠใชใŒใ‚‰ไฝฟใฃใฆใใ ใ•ใ„ใ€‚ใƒใƒƒใƒ”ใƒผใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใฏใ‚„ใฏใ‚Šๆ‰‹ใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใŒๅฅฝใใงใ™ใ€‚

    0
  • greghan๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    *.Three.js 172 ใƒชใƒ“ใ‚ธใƒงใƒณ

    @types/three ^0.169.0 โ†’ ^0.172.0 lil-gui ^0.19.2 โ†’ ^0.20.0 terser ^5.34.1 โ†’ ^5.37.0 three ^0.169.0 โ†’ ^0.172.0 tweakpane ^4.0.4 โ†’ ^4.0.5 vite ^5.4.9 โ†’ ^6.0.11

    ใฟใ‚“ใช็†ฑ็‹‚ใ—ใฆใใ ใ•ใ„ใ€‚ใƒ•ใ‚กใ‚คใƒ†ใ‚ฃใƒณใ‚ฐใ€‚

    0
  • greghan๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๏ฝฅ

    ไฟฎๆญฃๆธˆใฟ

    24.11ๆœˆ12ๆ—ฅใƒใƒผใ‚ธใƒงใƒณๆ›ดๆ–ฐๅ†…ๅฎนใงใ™ใ€‚

    *ใ€‚ไฝœๆฅญ้ †ๅบ: ncu => ncu -u => npm i

    -.NestJS

    @tweakpane/core ^2.0.4 โ†’ ^2.0.5 @types/three ^0.169.0 โ†’ ^0.170.0 terser ^5.34.1 โ†’ ^5.36.0 three ^0.169.0 โ†’ ^0.170.0 vite ^5.4.8 โ†’ ^5.4.11

    -.NodeJS * NestJS

    Node LTSใฎใ‚ขใƒƒใƒ—ใ‚ฐใƒฌใƒผใƒ‰ใจไธŠไฝใƒใƒผใ‚ธใƒงใƒณใฎใƒ†ใ‚นใƒˆใฎๅฎŒไบ†

    @types/swagger-ui-express ^4.1.6 โ†’ ^4.1.7 express ^4.21.0 โ†’ ^4.21.1
    @nestjs/cli ^10.4.5 โ†’ ^10.4.7 @nestjs/common ^10.4.4 โ†’ ^10.4.7 @nestjs/core ^10.4.4 โ†’ ^10.4.7 @nestjs/platform-express ^10.4.4 โ†’ ^10.4.7 @nestjs/schematics ^10.1.4 โ†’ ^10.2.3 @nestjs/swagger ^7.4.2 โ†’ ^8.0.5 @nestjs/testing ^10.4.4 โ†’ ^10.4.7 @types/jest ^29.5.13 โ†’ ^29.5.14 @types/node ^22.7.4 โ†’ ^22.9.0 @typescript-eslint/eslint-plugin ^8.8.0 โ†’ ^8.14.0 @typescript-eslint/parser ^8.8.0 โ†’ ^8.14.0 eslint ^9.12.0 โ†’ ^9.14.0 typescript ^5.6.2 โ†’ ^5.6.3
    0
  • greghan๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    24.10.27ๆ—ฅ็พๅœจใฎใƒใƒผใ‚ธใƒงใƒณๆ›ดๆ–ฐๆƒ…ๅ ฑ

    -.Client

    terser ^5.34.1 โ†’ ^5.36.0 vite ^5.4.8 โ†’ ^5.4.10

    ncu => ncu -u => npm i

    -.NestJS

    @nestjs/common ^10.4.4 โ†’ ^10.4.6 @nestjs/core ^10.4.4 โ†’ ^10.4.6 @nestjs/platform-express ^10.4.4 โ†’ ^10.4.6 @nestjs/schematics ^10.1.4 โ†’ ^10.2.2 @nestjs/testing ^10.4.4 โ†’ ^10.4.6 @types/jest ^29.5.13 โ†’ ^29.5.14 @types/node ^22.7.5 โ†’ ^22.8.1 @typescript-eslint/eslint-plugin ^8.8.1 โ†’ ^8.11.0 @typescript-eslint/parser ^8.8.1 โ†’ ^8.11.0 eslint ^9.12.0 โ†’ ^9.13.0

    ไปŠ้€ฑใฏNodeใฎๅค‰ๆ›ดใฏใ‚ใ‚Šใพใ›ใ‚“ใ€‚

    ใฟใ‚“ใช็†ฑ็‹‚ใ—ใฆใใ ใ•ใ„ใ€‚

    ๆฅๆœˆใฎ้ ƒใซใฏใ€ๆฌกใฎใ‚ณใƒผใ‚นใŒๆไพ›ใ•ใ‚Œใพใ™ใ€‚

    ๏ผˆใ‚ฐใƒผใ‚ฐใƒซใƒŸใƒƒใƒˆใ€ใ‚บใƒผใƒ ใชใฎใซใ€็—…้™ขๆฅญๅ‹™ใงๆไพ›ใ—ใฆๅคšๆ–น้ขใซๅค‰ๆ›ดๅฏ่ƒฝใงใ™๏ผ‰

    Vue3 + WebRTC + WebSocket + TTS/STT + Tensorflow + Node + MySQL

    0
  • greghan๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๏ฝฅ

    ไฟฎๆญฃๆธˆใฟ

    24.10.19ๆ—ฅ็พๅœจใฎใƒใƒผใ‚ธใƒงใƒณๆ›ดๆ–ฐๅ†…ๅฎนใงใ™ใ€‚

    *ใ€‚ไฝœๆฅญ้ †ๅบ: ncu => ncu -u => npm i

    -.NestJS

     @nestjs/common ^10.4.4 โ†’ ^10.4.5 @nestjs/core ^10.4.4 โ†’ ^10.4.5 @nestjs/platform-express ^10.4.4 โ†’ ^10.4.5 @nestjs/schematics ^10.1.4 โ†’ ^10.2.2 @nestjs/testing ^10.4.4 โ†’ ^10.4.5 @types/node ^22.7.4 โ†’ ^22.7.7 @typescript-eslint/eslint-plugin ^8.7.0 โ†’ ^8.10.0 @typescript-eslint/parser ^8.7.0 โ†’ ^8.10.0 eslint ^9.11.1 โ†’ ^9.13.0 typescript

    -.NodeJS

    Node LTSใฎใ‚ขใƒƒใƒ—ใ‚ฐใƒฌใƒผใƒ‰ใจไธŠไฝใƒใƒผใ‚ธใƒงใƒณใฎใƒ†ใ‚นใƒˆใฎๅฎŒไบ†

    v20.18.0 LTS v22.8.0
    express  ^4.21.0  โ†’  ^4.21.1
    0

๏ฟฅ25,985