commit b482063aad07f3e7b5384e0e73431b638aee4de5 Author: Igor Dunaev Date: Sat Dec 9 00:36:23 2023 +0300 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..b63da45 --- /dev/null +++ b/.gitignore @@ -0,0 +1,42 @@ +.gradle +build/ +!gradle/wrapper/gradle-wrapper.jar +!**/src/main/**/build/ +!**/src/test/**/build/ + +### IntelliJ IDEA ### +.idea/modules.xml +.idea/jarRepositories.xml +.idea/compiler.xml +.idea/libraries/ +*.iws +*.iml +*.ipr +out/ +!**/src/main/**/out/ +!**/src/test/**/out/ + +### Eclipse ### +.apt_generated +.classpath +.factorypath +.project +.settings +.springBeans +.sts4-cache +bin/ +!**/src/main/**/bin/ +!**/src/test/**/bin/ + +### NetBeans ### +/nbproject/private/ +/nbbuild/ +/dist/ +/nbdist/ +/.nb-gradle/ + +### VS Code ### +.vscode/ + +### Mac OS ### +.DS_Store \ No newline at end of file diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..26d3352 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,3 @@ +# Default ignored files +/shelf/ +/workspace.xml diff --git a/.idea/.name b/.idea/.name new file mode 100644 index 0000000..7a059f5 --- /dev/null +++ b/.idea/.name @@ -0,0 +1 @@ +vf-demo \ No newline at end of file diff --git a/.idea/artifacts/vf_demo_js_1_0_SNAPSHOT.xml b/.idea/artifacts/vf_demo_js_1_0_SNAPSHOT.xml new file mode 100644 index 0000000..bcbcdac --- /dev/null +++ b/.idea/artifacts/vf_demo_js_1_0_SNAPSHOT.xml @@ -0,0 +1,8 @@ + + + $PROJECT_DIR$/build/libs + + + + + \ No newline at end of file diff --git a/.idea/artifacts/vf_demo_jvm_1_0_SNAPSHOT.xml b/.idea/artifacts/vf_demo_jvm_1_0_SNAPSHOT.xml new file mode 100644 index 0000000..a798a21 --- /dev/null +++ b/.idea/artifacts/vf_demo_jvm_1_0_SNAPSHOT.xml @@ -0,0 +1,8 @@ + + + $PROJECT_DIR$/build/libs + + + + + \ No newline at end of file diff --git a/.idea/gradle.xml b/.idea/gradle.xml new file mode 100644 index 0000000..f2c1963 --- /dev/null +++ b/.idea/gradle.xml @@ -0,0 +1,17 @@ + + + + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 0000000..df543e3 --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 0000000..8aab4e4 --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/build.gradle.kts b/build.gradle.kts new file mode 100644 index 0000000..f17c72f --- /dev/null +++ b/build.gradle.kts @@ -0,0 +1,75 @@ +plugins { + kotlin("multiplatform") version "1.9.20-RC" + application +} + +group = "center.sciprog" +version = "1.0-SNAPSHOT" + +repositories { + maven("https://repo.kotlin.link") + mavenCentral() + maven("https://maven.pkg.jetbrains.space/public/p/kotlinx-html/maven") +} + +kotlin { + jvm { + jvmToolchain(8) + withJava() + testRuns.named("test") { + executionTask.configure { + useJUnitPlatform() + } + } + } + js { + binaries.executable() + browser { + commonWebpackConfig { + cssSupport { + enabled.set(true) + } + } + } + } + sourceSets { + val commonMain by getting + val commonTest by getting { + dependencies { + implementation(kotlin("test")) + } + } + val jvmMain by getting { + dependencies { + implementation("io.ktor:ktor-server-netty:2.3.2") + implementation("io.ktor:ktor-server-html-builder-jvm:2.3.2") + implementation("org.jetbrains.kotlinx:kotlinx-html-jvm:0.7.2") + } + } + val jvmTest by getting + val jsMain by getting { + dependencies { + implementation("org.jetbrains.kotlin-wrappers:kotlin-react:18.2.0-pre.346") + implementation("org.jetbrains.kotlin-wrappers:kotlin-react-dom:18.2.0-pre.346") + implementation("org.jetbrains.kotlin-wrappers:kotlin-emotion:11.9.3-pre.346") + implementation("space.kscience:visionforge-threejs:0.3.0-dev-14") + implementation("space.kscience:visionforge-core:0.3.0-dev-14") + } + } + val jsTest by getting + } +} + +application { + mainClass.set("center.sciprog.application.ServerKt") +} + +tasks.named("jvmProcessResources") { + val jsBrowserDistribution = tasks.named("jsBrowserDistribution") + from(jsBrowserDistribution) +} + +tasks.named("run") { + dependsOn(tasks.named("jvmJar")) + classpath(tasks.named("jvmJar")) +} diff --git a/gradle.properties b/gradle.properties new file mode 100644 index 0000000..9dcc3a7 --- /dev/null +++ b/gradle.properties @@ -0,0 +1,2 @@ +kotlin.code.style=official +kotlin.js.compiler=ir diff --git a/gradle/wrapper/gradle-wrapper.jar b/gradle/wrapper/gradle-wrapper.jar new file mode 100644 index 0000000..249e583 Binary files /dev/null and b/gradle/wrapper/gradle-wrapper.jar differ diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties new file mode 100644 index 0000000..8f5ef1a --- /dev/null +++ b/gradle/wrapper/gradle-wrapper.properties @@ -0,0 +1,5 @@ +distributionBase=GRADLE_USER_HOME +distributionPath=wrapper/dists +distributionUrl=https\://services.gradle.org/distributions/gradle-8.1.1-bin.zip +zipStoreBase=GRADLE_USER_HOME +zipStorePath=wrapper/dists \ No newline at end of file diff --git a/gradlew b/gradlew new file mode 100644 index 0000000..1b6c787 --- /dev/null +++ b/gradlew @@ -0,0 +1,234 @@ +#!/bin/sh + +# +# Copyright © 2015-2021 the original authors. +# +# Licensed under the Apache License, Version 2.0 (the "License"); +# you may not use this file except in compliance with the License. +# You may obtain a copy of the License at +# +# https://www.apache.org/licenses/LICENSE-2.0 +# +# Unless required by applicable law or agreed to in writing, software +# distributed under the License is distributed on an "AS IS" BASIS, +# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +# See the License for the specific language governing permissions and +# limitations under the License. +# + +############################################################################## +# +# Gradle start up script for POSIX generated by Gradle. +# +# Important for running: +# +# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is +# noncompliant, but you have some other compliant shell such as ksh or +# bash, then to run this script, type that shell name before the whole +# command line, like: +# +# ksh Gradle +# +# Busybox and similar reduced shells will NOT work, because this script +# requires all of these POSIX shell features: +# * functions; +# * expansions «$var», «${var}», «${var:-default}», «${var+SET}», +# «${var#prefix}», «${var%suffix}», and «$( cmd )»; +# * compound commands having a testable exit status, especially «case»; +# * various built-in commands including «command», «set», and «ulimit». +# +# Important for patching: +# +# (2) This script targets any POSIX shell, so it avoids extensions provided +# by Bash, Ksh, etc; in particular arrays are avoided. +# +# The "traditional" practice of packing multiple parameters into a +# space-separated string is a well documented source of bugs and security +# problems, so this is (mostly) avoided, by progressively accumulating +# options in "$@", and eventually passing that to Java. +# +# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, +# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; +# see the in-line comments for details. +# +# There are tweaks for specific operating systems such as AIX, CygWin, +# Darwin, MinGW, and NonStop. +# +# (3) This script is generated from the Groovy template +# https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt +# within the Gradle project. +# +# You can find Gradle at https://github.com/gradle/gradle/. +# +############################################################################## + +# Attempt to set APP_HOME + +# Resolve links: $0 may be a link +app_path=$0 + +# Need this for daisy-chained symlinks. +while + APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path + [ -h "$app_path" ] +do + ls=$( ls -ld "$app_path" ) + link=${ls#*' -> '} + case $link in #( + /*) app_path=$link ;; #( + *) app_path=$APP_HOME$link ;; + esac +done + +APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit + +APP_NAME="Gradle" +APP_BASE_NAME=${0##*/} + +# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' + +# Use the maximum available, or set MAX_FD != -1 to use that value. +MAX_FD=maximum + +warn () { + echo "$*" +} >&2 + +die () { + echo + echo "$*" + echo + exit 1 +} >&2 + +# OS specific support (must be 'true' or 'false'). +cygwin=false +msys=false +darwin=false +nonstop=false +case "$( uname )" in #( + CYGWIN* ) cygwin=true ;; #( + Darwin* ) darwin=true ;; #( + MSYS* | MINGW* ) msys=true ;; #( + NONSTOP* ) nonstop=true ;; +esac + +CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar + + +# Determine the Java command to use to start the JVM. +if [ -n "$JAVA_HOME" ] ; then + if [ -x "$JAVA_HOME/jre/sh/java" ] ; then + # IBM's JDK on AIX uses strange locations for the executables + JAVACMD=$JAVA_HOME/jre/sh/java + else + JAVACMD=$JAVA_HOME/bin/java + fi + if [ ! -x "$JAVACMD" ] ; then + die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +else + JAVACMD=java + which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." +fi + +# Increase the maximum file descriptors if we can. +if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then + case $MAX_FD in #( + max*) + MAX_FD=$( ulimit -H -n ) || + warn "Could not query maximum file descriptor limit" + esac + case $MAX_FD in #( + '' | soft) :;; #( + *) + ulimit -n "$MAX_FD" || + warn "Could not set maximum file descriptor limit to $MAX_FD" + esac +fi + +# Collect all arguments for the java command, stacking in reverse order: +# * args from the command line +# * the main class name +# * -classpath +# * -D...appname settings +# * --module-path (only if needed) +# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. + +# For Cygwin or MSYS, switch paths to Windows format before running java +if "$cygwin" || "$msys" ; then + APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) + CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) + + JAVACMD=$( cygpath --unix "$JAVACMD" ) + + # Now convert the arguments - kludge to limit ourselves to /bin/sh + for arg do + if + case $arg in #( + -*) false ;; # don't mess with options #( + /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath + [ -e "$t" ] ;; #( + *) false ;; + esac + then + arg=$( cygpath --path --ignore --mixed "$arg" ) + fi + # Roll the args list around exactly as many times as the number of + # args, so each arg winds up back in the position where it started, but + # possibly modified. + # + # NB: a `for` loop captures its iteration list before it begins, so + # changing the positional parameters here affects neither the number of + # iterations, nor the values presented in `arg`. + shift # remove old arg + set -- "$@" "$arg" # push replacement arg + done +fi + +# Collect all arguments for the java command; +# * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of +# shell script including quotes and variable substitutions, so put them in +# double quotes to make sure that they get re-expanded; and +# * put everything else in single quotes, so that it's not re-expanded. + +set -- \ + "-Dorg.gradle.appname=$APP_BASE_NAME" \ + -classpath "$CLASSPATH" \ + org.gradle.wrapper.GradleWrapperMain \ + "$@" + +# Use "xargs" to parse quoted args. +# +# With -n1 it outputs one arg per line, with the quotes and backslashes removed. +# +# In Bash we could simply go: +# +# readarray ARGS < <( xargs -n1 <<<"$var" ) && +# set -- "${ARGS[@]}" "$@" +# +# but POSIX shell has neither arrays nor command substitution, so instead we +# post-process each arg (as a line of input to sed) to backslash-escape any +# character that might be a shell metacharacter, then use eval to reverse +# that process (while maintaining the separation between arguments), and wrap +# the whole thing up as a single "set" statement. +# +# This will of course break if any of these variables contains a newline or +# an unmatched quote. +# + +eval "set -- $( + printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | + xargs -n1 | + sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | + tr '\n' ' ' + )" '"$@"' + +exec "$JAVACMD" "$@" diff --git a/gradlew.bat b/gradlew.bat new file mode 100644 index 0000000..ac1b06f --- /dev/null +++ b/gradlew.bat @@ -0,0 +1,89 @@ +@rem +@rem Copyright 2015 the original author or authors. +@rem +@rem Licensed under the Apache License, Version 2.0 (the "License"); +@rem you may not use this file except in compliance with the License. +@rem You may obtain a copy of the License at +@rem +@rem https://www.apache.org/licenses/LICENSE-2.0 +@rem +@rem Unless required by applicable law or agreed to in writing, software +@rem distributed under the License is distributed on an "AS IS" BASIS, +@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +@rem See the License for the specific language governing permissions and +@rem limitations under the License. +@rem + +@if "%DEBUG%" == "" @echo off +@rem ########################################################################## +@rem +@rem Gradle startup script for Windows +@rem +@rem ########################################################################## + +@rem Set local scope for the variables with windows NT shell +if "%OS%"=="Windows_NT" setlocal + +set DIRNAME=%~dp0 +if "%DIRNAME%" == "" set DIRNAME=. +set APP_BASE_NAME=%~n0 +set APP_HOME=%DIRNAME% + +@rem Resolve any "." and ".." in APP_HOME to make it shorter. +for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi + +@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" + +@rem Find java.exe +if defined JAVA_HOME goto findJavaFromJavaHome + +set JAVA_EXE=java.exe +%JAVA_EXE% -version >NUL 2>&1 +if "%ERRORLEVEL%" == "0" goto execute + +echo. +echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. +echo. +echo Please set the JAVA_HOME variable in your environment to match the +echo location of your Java installation. + +goto fail + +:findJavaFromJavaHome +set JAVA_HOME=%JAVA_HOME:"=% +set JAVA_EXE=%JAVA_HOME%/bin/java.exe + +if exist "%JAVA_EXE%" goto execute + +echo. +echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% +echo. +echo Please set the JAVA_HOME variable in your environment to match the +echo location of your Java installation. + +goto fail + +:execute +@rem Setup the command line + +set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar + + +@rem Execute Gradle +"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* + +:end +@rem End local scope for the variables with windows NT shell +if "%ERRORLEVEL%"=="0" goto mainEnd + +:fail +rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of +rem the _cmd.exe /c_ return code! +if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 +exit /b 1 + +:mainEnd +if "%OS%"=="Windows_NT" endlocal + +:omega diff --git a/settings.gradle.kts b/settings.gradle.kts new file mode 100644 index 0000000..d522770 --- /dev/null +++ b/settings.gradle.kts @@ -0,0 +1,12 @@ +pluginManagement { + repositories { + mavenCentral() + gradlePluginPortal() + } +} + +plugins { + id("org.gradle.toolchains.foojay-resolver-convention") version "0.5.0" +} + +rootProject.name = "vf-demo" \ No newline at end of file diff --git a/src/jsMain/kotlin/Client.kt b/src/jsMain/kotlin/Client.kt new file mode 100644 index 0000000..c2b51e1 --- /dev/null +++ b/src/jsMain/kotlin/Client.kt @@ -0,0 +1,11 @@ +import kotlinx.browser.document +import react.create +import react.dom.client.createRoot + +fun main() { + val container = document.createElement("div") + document.body!!.appendChild(container) + + val welcome = EventDisplay.create {} + createRoot(container as web.dom.Element).render(welcome) +} diff --git a/src/jsMain/kotlin/Display.kt b/src/jsMain/kotlin/Display.kt new file mode 100644 index 0000000..4c799cb --- /dev/null +++ b/src/jsMain/kotlin/Display.kt @@ -0,0 +1,137 @@ +import web.cssom.* +import emotion.react.Global +import react.FC +import react.Props +import emotion.react.css +import emotion.react.styles +import react.dom.html.ReactHTML.div +import react.dom.html.ReactHTML.input +import react.useEffect +import react.useState +import space.kscience.dataforge.context.Context +import space.kscience.dataforge.names.parseAsName +import space.kscience.visionforge.Colors +import space.kscience.visionforge.solid.* +import space.kscience.visionforge.solid.three.ThreePlugin +import web.html.InputType +import kotlin.random.Random + +// Context is required to observe Vision updates (i.e. to allow +// automatic updates of corresponding Object3D when we update Visions) +val viewContext = Context { + plugin(Solids) + plugin(ThreePlugin) +} + +// Names used as keys to access and update Visions +// Refer to DataForge documentation for more details +val EVENTS_NAME = "DEMO_EVENTS".parseAsName(false) +val GEOMETRY_NAME = "DEMO_GEOMETRY".parseAsName(false) + + +val EventDisplay = FC { + // Global CSS rules + Global { + styles { + "html,\n" + + "body" { + height = 100.vh + width = 100.vw + margin = 0.px + } + "body > div" { + display = Display.flex + height = 100.vh + width = 100.vw + flexDirection = FlexDirection.column + justifyContent = JustifyContent.start + alignItems = AlignItems.center + } + "*,\n" + + "*:before,\n" + + "*:after" { + boxSizing = BoxSizing.borderBox + } + } + } + + // Values that represent raw data, which can be converted into Visions + var eventData: kotlin.Float? by useState(null) + var geometryData: kotlin.Float? by useState(null) + + // Main Vision containing the entire event display scene + val containedVision: SolidGroup by useState(SolidGroup { + ambientLight { + color(Colors.white) + } + }) + + // Hooks that update main Vision when new raw data is loaded + useEffect(eventData) { + eventData?.let { + containedVision.setChild(EVENTS_NAME, generateEvents(it)) + } + } + useEffect(geometryData) { + geometryData?.let { + containedVision.setChild(GEOMETRY_NAME, generateGeometry(it)) + } + } + + div { + css { + display = Display.flex + flexDirection = FlexDirection.column + alignItems = AlignItems.center + height = 100.pct + width = 100.pct + } + div { + css { + display = Display.flex + flexDirection = FlexDirection.row + alignItems = AlignItems.center + justifyContent = JustifyContent.center + width = 100.pct + + } + input { + css { + margin = 5.px + padding = 5.px + } + type = InputType.button + value = "Update Events" + onClick = { + eventData = 2f * (Random.nextFloat() - 0.5f) + } + } + input { + css { + margin = 5.px + padding = 5.px + } + type = InputType.button + value = "Update Geometry" + onClick = { + geometryData = 4f + 2f * Random.nextFloat() + } + } + } + div { + css { + width = 98.pct + height = 1.pct + flexGrow = number(1.0) + margin = 5.px + display = Display.flex + justifyContent = JustifyContent.center + alignItems = AlignItems.center + } + EventView { + displayedVision = containedVision + context = viewContext + } + } + } +} diff --git a/src/jsMain/kotlin/EventView.kt b/src/jsMain/kotlin/EventView.kt new file mode 100644 index 0000000..15bfa7d --- /dev/null +++ b/src/jsMain/kotlin/EventView.kt @@ -0,0 +1,23 @@ +import canvas.ThreeCanvasComponent +import react.FC +import react.Props +import react.useEffect +import space.kscience.dataforge.context.Context +import space.kscience.visionforge.setAsRoot +import space.kscience.visionforge.solid.Solid +import space.kscience.visionforge.visionManager + +external interface EventViewProps: Props { + var displayedVision: Solid? + var context: Context +} + +val EventView = FC { props -> + ThreeCanvasComponent { + solid = props.displayedVision + context = props.context + } + useEffect(props.displayedVision) { + props.displayedVision?.setAsRoot(props.context.visionManager) + } +} diff --git a/src/jsMain/kotlin/SolidGenerators.kt b/src/jsMain/kotlin/SolidGenerators.kt new file mode 100644 index 0000000..e4fd1b4 --- /dev/null +++ b/src/jsMain/kotlin/SolidGenerators.kt @@ -0,0 +1,34 @@ +import space.kscience.visionforge.Colors +import space.kscience.visionforge.solid.* +import kotlin.random.Random + +fun generateEvents(radius: Float): SolidGroup { + val count = Random.nextInt(10, 20) + return SolidGroup { + repeat(count) { + sphere(radius) { + x = 5.0 * (Random.nextFloat() - 0.5) + y = 2.0 * (Random.nextFloat() - 0.5) + z = 2.0 * (Random.nextFloat() - 0.5) + color(Colors.red) + } + } + } +} + +fun generateGeometry(distance: Float): SolidGroup { + return SolidGroup { + box(10, 3, 3) { + x = 0.0 + y = -distance + z = 0.0 + color(Colors.gray) + } + box(10, 3, 3) { + x = 0.0 + y = distance + z = 0.0 + color(Colors.gray) + } + } +} diff --git a/src/jsMain/kotlin/canvas/ThreeCanvas.kt b/src/jsMain/kotlin/canvas/ThreeCanvas.kt new file mode 100644 index 0000000..46a056f --- /dev/null +++ b/src/jsMain/kotlin/canvas/ThreeCanvas.kt @@ -0,0 +1,67 @@ +package canvas + +import kotlinx.browser.window +import org.w3c.dom.Element +import org.w3c.dom.HTMLCanvasElement +import space.kscience.visionforge.Colors +import three.WebGLRenderer +import three.cameras.PerspectiveCamera +import three.core.Object3D +import three.external.controls.OrbitControls +import three.scenes.Scene + +/** + * This class is analogous to the class from VisionForge with the same name. + * I keep it here in case imports are broken (they are broken at the time i write this). + */ +internal class ThreeCanvas( + val element: Element, +) { + private val scene = Scene() + private val camera = PerspectiveCamera(75, 4.0 / 3.0, 0.1, 1000) + private val renderer = WebGLRenderer { antialias = true }.apply { + setClearColor(Colors.darkgray, 1) + toneMapping = 4 // ACES filmic tone mapping + } + private val canvas = (renderer.domElement as HTMLCanvasElement).apply { + className += "three-canvas" + style.apply { + width = "100%" + height = "100%" + display = "block" + } + } + + init { + element.appendChild(canvas) + camera.position.z = 5.0 + OrbitControls(camera, element) + updateSize() + window.onresize = { updateSize() } + renderer.setAnimationLoop { + renderer.render(scene, camera) + } + } + + internal fun add(obj: Object3D) { + console.log("Adding objects...") + scene.add(obj) + } + + internal fun remove(obj: Object3D) { + console.log("Removing objects...") + scene.remove(obj) + val geometriesInMemotyCount = renderer.asDynamic()["info"]["memory"]["geometries"].toString() + console.log("Geometries: $geometriesInMemotyCount") + } + + private fun updateSize() { + val width = element.clientWidth + val height = element.clientHeight + canvas.width = width + canvas.height = height + renderer.setSize(width, height, false) + camera.aspect = width.toDouble() / height.toDouble() + camera.updateProjectionMatrix() + } +} diff --git a/src/jsMain/kotlin/canvas/ThreeCanvasComponent.kt b/src/jsMain/kotlin/canvas/ThreeCanvasComponent.kt new file mode 100644 index 0000000..335315d --- /dev/null +++ b/src/jsMain/kotlin/canvas/ThreeCanvasComponent.kt @@ -0,0 +1,62 @@ +package canvas + +import emotion.react.css +import org.w3c.dom.Element +import react.* +import react.dom.html.ReactHTML.div +import space.kscience.dataforge.context.Context +import space.kscience.dataforge.context.request +import space.kscience.dataforge.names.Name +import space.kscience.visionforge.solid.Solid +import space.kscience.visionforge.solid.specifications.Canvas3DOptions +import space.kscience.visionforge.solid.three.ThreeCanvas +import space.kscience.visionforge.solid.three.ThreePlugin +import web.cssom.pct +import web.cssom.vh +import web.cssom.vw +import web.html.HTMLDivElement + +external interface ThreeCanvasProps : Props { + var context: Context + var options: Canvas3DOptions? + var solid: Solid? + var selected: Name? +} + +/** + * This React component is analogous to the class from VisionForge with the same name. + * I keep it here in case imports are broken (they are broken at the time i write this). + */ +val ThreeCanvasComponent = FC { props -> + val elementRef = useRef(null) + var canvas by useState(null) + + val three: ThreePlugin = useMemo(props.context) { props.context.request(ThreePlugin) } + + useEffect(props.solid, props.options, elementRef) { + if (canvas == null) { + val element = elementRef.current ?: error("Canvas element not found") + canvas = ThreeCanvas(three, element, props.options ?: Canvas3DOptions()) + } + } + + useEffect(canvas, props.solid) { + props.solid?.let { obj -> + canvas?.render(obj) + } + } + + useEffect(canvas, props.selected) { + canvas?.select(props.selected) + } + + div { + css { + maxWidth = 100.vw + maxHeight = 100.vh + width = 100.pct + height = 100.pct + } + ref = elementRef as Ref + } +} diff --git a/src/jvmMain/kotlin/center.sciprog.application/Server.kt b/src/jvmMain/kotlin/center.sciprog.application/Server.kt new file mode 100644 index 0000000..db48709 --- /dev/null +++ b/src/jvmMain/kotlin/center.sciprog.application/Server.kt @@ -0,0 +1,45 @@ +package center.sciprog.application + +import io.ktor.http.HttpStatusCode +import io.ktor.server.application.* +import io.ktor.server.engine.embeddedServer +import io.ktor.server.html.* +import io.ktor.server.http.content.* +import io.ktor.server.netty.Netty +import io.ktor.server.routing.* +import kotlinx.html.* + +fun HTML.index() { + head { + meta { charset = "UTF-8" } + meta { + name = "viewport" + content = "width=device-width, initial-scale=1.0" + } + meta { + httpEquiv = "X-UA-Compatible" + content = "IE=edge" + } + link { + rel = "stylesheet" + href = "index.css" + } + title("VF Demo") + } + body { + script(src = "/static/vf-demo.js") {} + } +} + +fun main() { + embeddedServer(Netty, port = 8081, host = "127.0.0.1") { + routing { + get("/") { + call.respondHtml(HttpStatusCode.OK, HTML::index) + } + static("/static") { + resources() + } + } + }.start(wait = true) +}