marius/floppy-venture
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make player model changable

Browse Source
This commit is contained in:
Marius Unsel 2026-02-24 01:26:17 +01:00
parent efd4369f41
commit 7b0dbddc45
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/talkyFace.tsx
View File

@ -4,6 +4,7 @@ import * as THREE from 'three';
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
import { AppState } from '../store'; import { AppState } from '../store';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { PLAYER_MODEL_FILENAME } from '../game/player';
interface TalkyFaceProps { interface TalkyFaceProps {
@ -58,7 +59,7 @@ class TalkyFace extends Component<TalkyFaceProps> {
// ROBOT MODEL // ROBOT MODEL
this.clock = new THREE.Clock() this.clock = new THREE.Clock()
let loader = new GLTFLoader(); let loader = new GLTFLoader();
loader.load('assets/models/RobotExpressive.glb', (gltf) => { loader.load(PLAYER_MODEL_FILENAME, (gltf) => {
this.model = gltf.scene; this.model = gltf.scene;
this.animations = gltf.animations; this.animations = gltf.animations;
this.mixer = new THREE.AnimationMixer(this.model) this.mixer = new THREE.AnimationMixer(this.model)

5
src/game/player.ts
View File

@ -13,7 +13,8 @@ import { wonLevel } from '../store/executionState/actions';
// model control from https://github.com/mrdoob/three.js/blob/master/examples/webgl_animation_skinning_morph.html // model control from https://github.com/mrdoob/three.js/blob/master/examples/webgl_animation_skinning_morph.html
// var states = ['Idle', 'Walking', 'Running', 'Dance', 'Death', 'Sitting', 'Standing']; // var states = ['Idle', 'Walking', 'Running', 'Dance', 'Death', 'Sitting', 'Standing'];
// var emotes = ['Jump', 'Yes', 'No', 'Wave', 'Punch', 'ThumbsUp']; // var emotes = ['Jump', 'Yes', 'No', 'Wave', 'Punch', 'ThumbsUp'];
export const PLAYER_MODEL_FILENAME = '/assets/models/RobotExpressive.glb'
//export const PLAYER_MODEL_FILENAME = '/assets/models/robot.glb'
export class Player { export class Player {
scene: THREE.Scene; scene: THREE.Scene;
model: THREE.Object3D; model: THREE.Object3D;
@ -32,7 +33,7 @@ export class Player {
this.level = level; this.level = level;
this.clock = new THREE.Clock() this.clock = new THREE.Clock()
let loader = new GLTFLoader(); let loader = new GLTFLoader();
loader.load('assets/models/RobotExpressive.glb', (gltf) => { loader.load(PLAYER_MODEL_FILENAME, (gltf) => {
this.model = gltf.scene; this.model = gltf.scene;
this.animations = gltf.animations; this.animations = gltf.animations;
this.mixer = new THREE.AnimationMixer(this.model) this.mixer = new THREE.AnimationMixer(this.model)