I created a project using Three.js. I attempted to implement shaders into the program, but unfortunately, it is not functioning as expected. I tried customizing an application from threejs.org and here is the code:
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="ecma/three.js"></script>
<script type="text/javascript" src="ecma/jquery-1.9.0.js"></script>
<script type="text/javascript" src="ecma/OrbitControls.js"></script>
<style>
body{ margin: 0; overflow: hidden; }
</style>
</head>
<body>
<div id="WebGL-output">
</div>
<!-- Rest of the code omitted for brevity -->
The initial intention was to showcase a floor and a sphere utilizing shaders. However, upon execution, only a glaringly bright white sphere appears. What could be the source of this issue? Your assistance in troubleshooting would be greatly appreciated.
Thank you,
Ee