-
Notifications
You must be signed in to change notification settings - Fork 73
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
OBJ files uploader #66
Comments
Within a week, I made little progress. There is some action on the upload feature, but the obj files are not shown. This is the updated code so far: <template>
<div>
<input id="files"
type="file"
multiple
@change="reloadObjFiles">
<Scene v-model="myScene"
@scene="onScene">
<HemisphericLight diffuse="#F00"></HemisphericLight>
<Property name="clearColor"
color="#fff" />
<Camera v-model="camera"
:radius="2500"
type="arcRotate" />
</Scene>
</div>
</template>
<script>
export default {
name: 'Upload',
data () {
return {
myScene: null,
myEntity: null,
myBox: null,
camera: null,
objFile: null
}
},
watch: {
myScene () {
// myScene is now available from the component
// do something with it here or call a method to use it from here
}
},
methods: {
reloadObjFiles (event) {
// vars
// const scene = this.myScene
console.log(event.target.files)
this.filesInput.loadFiles(event)
},
onScene (scene) {
// should be fired when the scene object has been initialized
var babylon = this.BABYLON
var engine = scene.getEngine()
// var canvas = engine.getRenderingCanvas()
var filesInput = new babylon.FilesInput(engine, null, scene, null, null, null, function () {
babylon.Tools.ClearLogCache()
}, null, null)
filesInput.onProcessFileCallback = function (file, name, extension) {
console.log('done: ' + (typeof file) + ' ' + name + ' ' + extension)
return true
}
// global vars
this.filesInput = filesInput
this.myScene = scene
}
}
}
</script> Or, check the glitch I prepared: https://glitch.com/~unequaled-rift-property |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I want to build a file uploader (obj, mtl, etc.) but access files directly in the browser using the FileReader API instead of sending it to a server and retrieve it from there again with the
<Asset src='..'>
component.Regarding functionally this is probably very similar to this project: https://3dviewer.net/#
Now... this seems to be a good starting point. I have a very simple MWE that writes the content of an uploaded obj file to a data variable
objtext
but I have no idea how to load this into theScene
.My filereader looks like:
The text was updated successfully, but these errors were encountered: