import React, {Component, PropTypes} from 'react';
import {Akkad, Scene, shapes, cameras, lights, systems} from "akkad";

const googleStorageEndpoint = `http://storage.googleapis.com/akkad-assets-1/`;

const {ArcRotateCamera} = cameras;
const {HemisphericLight} = lights;
const {Mesh, Position, Rotate} = systems;

class MeshPage extends Component {
    render() {
        return (
            <div>
                <h2>
                    Mesh Example
                </h2>
                <Akkad>
                    <Scene>
                        <ArcRotateCamera
                            initialPosition={[0, 0, 100]}
                            target={[0, 0, 0]}
                        />
                        <HemisphericLight />
                        <Mesh
                            path={googleStorageEndpoint}
                            fileName={'skull.babylon'}
                        >
                            <Position vector={[0, 0, 0]}/>
                            <Rotate
                                axis={[0, 1.2, 0]}
                                amount={60}
                                space="LOCAL"
                            />
                        </Mesh>
                    </Scene>
                </Akkad>
            </div>
        );
    }
}

export default MeshPage;

import React, {Component, PropTypes} from 'react';
import {Akkad, Scene, shapes, cameras, lights, systems} from "akkad";

const googleStorageEndpoint = `https://storage.googleapis.com/akkad-assets-1/`;

const {ArcRotateCamera} = cameras;
const {HemisphericLight} = lights;
const {Mesh, Position, Rotate} = systems;

class MeshPage extends Component {
    render() {
        return (
            <div>
                <h2>
                    Mesh Example
                </h2>
                <Akkad>
                    <Scene>
                        <ArcRotateCamera
                            initialPosition={[0, 0, 100]}
                            target={[0, 0, 0]}
                        />
                        <HemisphericLight />
                        <Mesh
                            path={googleStorageEndpoint}
                            fileName={'skull.babylon'}
                        >
                            <Position vector={[0, 0, 0]}/>
                            <Rotate
                                axis={[0, 1.2, 0]}
                                amount={60}
                                space="LOCAL"
                            />
                        </Mesh>
                    </Scene>
                </Akkad>
            </div>
        );
    }
}

export default MeshPage;

Change google storage endpoint to us https