Nikolay Igotti
3 years ago
committed by
GitHub
14 changed files with 812 additions and 1 deletions
@ -1 +1 @@ |
|||||||
Subproject commit e2a3108b92d4c54b5780f9eeceb1712845961cd7 |
Subproject commit f1e595b90421e4896a9164c3ae0a652920020b77 |
||||||
@ -0,0 +1 @@ |
|||||||
|
Several visual effects implmented with Compose Multiplatform, used in 1.0 release announce video. |
||||||
@ -0,0 +1,57 @@ |
|||||||
|
import org.jetbrains.compose.compose |
||||||
|
import org.jetbrains.compose.desktop.application.dsl.TargetFormat |
||||||
|
import org.jetbrains.kotlin.gradle.tasks.KotlinCompile |
||||||
|
|
||||||
|
plugins { |
||||||
|
// __KOTLIN_COMPOSE_VERSION__ |
||||||
|
kotlin("jvm") version "1.5.31" |
||||||
|
// __LATEST_COMPOSE_RELEASE_VERSION__ |
||||||
|
id("org.jetbrains.compose") version "1.0.0" |
||||||
|
} |
||||||
|
|
||||||
|
group = "me.user" |
||||||
|
version = "1.0" |
||||||
|
|
||||||
|
repositories { |
||||||
|
mavenCentral() |
||||||
|
google() |
||||||
|
maven { url = uri("https://maven.pkg.jetbrains.space/public/p/compose/dev") } |
||||||
|
} |
||||||
|
|
||||||
|
dependencies { |
||||||
|
implementation(compose.desktop.currentOs) |
||||||
|
} |
||||||
|
|
||||||
|
tasks.withType<KotlinCompile> { |
||||||
|
kotlinOptions.jvmTarget = "11" |
||||||
|
kotlinOptions.freeCompilerArgs += "-Xopt-in=kotlin.RequiresOptIn" |
||||||
|
} |
||||||
|
|
||||||
|
compose.desktop { |
||||||
|
application { |
||||||
|
mainClass = "org.jetbrains.compose.demo.visuals.MainKt" |
||||||
|
nativeDistributions { |
||||||
|
targetFormats(TargetFormat.Dmg, TargetFormat.Msi, TargetFormat.Deb) |
||||||
|
packageName = "compose-demo" |
||||||
|
packageVersion = "1.0.0" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
afterEvaluate { |
||||||
|
val additionalArguments = mutableListOf<String>() |
||||||
|
|
||||||
|
val runTask = tasks.named<JavaExec>("run") { |
||||||
|
this.args = additionalArguments |
||||||
|
} |
||||||
|
|
||||||
|
tasks.register("runWords") { |
||||||
|
additionalArguments.add("words") |
||||||
|
dependsOn(runTask) |
||||||
|
} |
||||||
|
|
||||||
|
tasks.register("runWave") { |
||||||
|
additionalArguments.add("wave") |
||||||
|
dependsOn(runTask) |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1 @@ |
|||||||
|
kotlin.code.style=official |
||||||
Binary file not shown.
@ -0,0 +1,5 @@ |
|||||||
|
distributionBase=GRADLE_USER_HOME |
||||||
|
distributionPath=wrapper/dists |
||||||
|
distributionUrl=https\://services.gradle.org/distributions/gradle-7.1.1-bin.zip |
||||||
|
zipStoreBase=GRADLE_USER_HOME |
||||||
|
zipStorePath=wrapper/dists |
||||||
@ -0,0 +1,185 @@ |
|||||||
|
#!/usr/bin/env sh |
||||||
|
|
||||||
|
# |
||||||
|
# Copyright 2015 the original author or 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 UN*X |
||||||
|
## |
||||||
|
############################################################################## |
||||||
|
|
||||||
|
# Attempt to set APP_HOME |
||||||
|
# Resolve links: $0 may be a link |
||||||
|
PRG="$0" |
||||||
|
# Need this for relative symlinks. |
||||||
|
while [ -h "$PRG" ] ; do |
||||||
|
ls=`ls -ld "$PRG"` |
||||||
|
link=`expr "$ls" : '.*-> \(.*\)$'` |
||||||
|
if expr "$link" : '/.*' > /dev/null; then |
||||||
|
PRG="$link" |
||||||
|
else |
||||||
|
PRG=`dirname "$PRG"`"/$link" |
||||||
|
fi |
||||||
|
done |
||||||
|
SAVED="`pwd`" |
||||||
|
cd "`dirname \"$PRG\"`/" >/dev/null |
||||||
|
APP_HOME="`pwd -P`" |
||||||
|
cd "$SAVED" >/dev/null |
||||||
|
|
||||||
|
APP_NAME="Gradle" |
||||||
|
APP_BASE_NAME=`basename "$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 "$*" |
||||||
|
} |
||||||
|
|
||||||
|
die () { |
||||||
|
echo |
||||||
|
echo "$*" |
||||||
|
echo |
||||||
|
exit 1 |
||||||
|
} |
||||||
|
|
||||||
|
# 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 |
||||||
|
;; |
||||||
|
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" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then |
||||||
|
MAX_FD_LIMIT=`ulimit -H -n` |
||||||
|
if [ $? -eq 0 ] ; then |
||||||
|
if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then |
||||||
|
MAX_FD="$MAX_FD_LIMIT" |
||||||
|
fi |
||||||
|
ulimit -n $MAX_FD |
||||||
|
if [ $? -ne 0 ] ; then |
||||||
|
warn "Could not set maximum file descriptor limit: $MAX_FD" |
||||||
|
fi |
||||||
|
else |
||||||
|
warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" |
||||||
|
fi |
||||||
|
fi |
||||||
|
|
||||||
|
# For Darwin, add options to specify how the application appears in the dock |
||||||
|
if $darwin; then |
||||||
|
GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" |
||||||
|
fi |
||||||
|
|
||||||
|
# For Cygwin or MSYS, switch paths to Windows format before running java |
||||||
|
if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then |
||||||
|
APP_HOME=`cygpath --path --mixed "$APP_HOME"` |
||||||
|
CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` |
||||||
|
|
||||||
|
JAVACMD=`cygpath --unix "$JAVACMD"` |
||||||
|
|
||||||
|
# We build the pattern for arguments to be converted via cygpath |
||||||
|
ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` |
||||||
|
SEP="" |
||||||
|
for dir in $ROOTDIRSRAW ; do |
||||||
|
ROOTDIRS="$ROOTDIRS$SEP$dir" |
||||||
|
SEP="|" |
||||||
|
done |
||||||
|
OURCYGPATTERN="(^($ROOTDIRS))" |
||||||
|
# Add a user-defined pattern to the cygpath arguments |
||||||
|
if [ "$GRADLE_CYGPATTERN" != "" ] ; then |
||||||
|
OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" |
||||||
|
fi |
||||||
|
# Now convert the arguments - kludge to limit ourselves to /bin/sh |
||||||
|
i=0 |
||||||
|
for arg in "$@" ; do |
||||||
|
CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` |
||||||
|
CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option |
||||||
|
|
||||||
|
if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition |
||||||
|
eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` |
||||||
|
else |
||||||
|
eval `echo args$i`="\"$arg\"" |
||||||
|
fi |
||||||
|
i=`expr $i + 1` |
||||||
|
done |
||||||
|
case $i in |
||||||
|
0) set -- ;; |
||||||
|
1) set -- "$args0" ;; |
||||||
|
2) set -- "$args0" "$args1" ;; |
||||||
|
3) set -- "$args0" "$args1" "$args2" ;; |
||||||
|
4) set -- "$args0" "$args1" "$args2" "$args3" ;; |
||||||
|
5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; |
||||||
|
6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; |
||||||
|
7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; |
||||||
|
8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; |
||||||
|
9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; |
||||||
|
esac |
||||||
|
fi |
||||||
|
|
||||||
|
# Escape application args |
||||||
|
save () { |
||||||
|
for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done |
||||||
|
echo " " |
||||||
|
} |
||||||
|
APP_ARGS=`save "$@"` |
||||||
|
|
||||||
|
# Collect all arguments for the java command, following the shell quoting and substitution rules |
||||||
|
eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" |
||||||
|
|
||||||
|
exec "$JAVACMD" "$@" |
||||||
@ -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 |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
pluginManagement { |
||||||
|
repositories { |
||||||
|
gradlePluginPortal() |
||||||
|
mavenCentral() |
||||||
|
maven { url = uri("https://maven.pkg.jetbrains.space/public/p/compose/dev") } |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
rootProject.name = "visual-effects" |
||||||
|
|
||||||
@ -0,0 +1,162 @@ |
|||||||
|
package org.jetbrains.compose.demo.visuals |
||||||
|
|
||||||
|
import androidx.compose.animation.ExperimentalAnimationApi |
||||||
|
import androidx.compose.animation.core.* |
||||||
|
import androidx.compose.desktop.ui.tooling.preview.Preview |
||||||
|
import androidx.compose.foundation.Image |
||||||
|
import androidx.compose.foundation.background |
||||||
|
import androidx.compose.foundation.layout.* |
||||||
|
import androidx.compose.foundation.shape.CircleShape |
||||||
|
import androidx.compose.material.ExperimentalMaterialApi |
||||||
|
import androidx.compose.material.Text |
||||||
|
import androidx.compose.runtime.Composable |
||||||
|
import androidx.compose.runtime.getValue |
||||||
|
import androidx.compose.runtime.remember |
||||||
|
import androidx.compose.ui.ExperimentalComposeUiApi |
||||||
|
import androidx.compose.ui.Modifier |
||||||
|
import androidx.compose.ui.draw.alpha |
||||||
|
import androidx.compose.ui.draw.clip |
||||||
|
import androidx.compose.ui.draw.rotate |
||||||
|
import androidx.compose.ui.draw.scale |
||||||
|
import androidx.compose.ui.graphics.Color |
||||||
|
import androidx.compose.ui.platform.LocalDensity |
||||||
|
import androidx.compose.ui.res.loadSvgPainter |
||||||
|
import androidx.compose.ui.res.useResource |
||||||
|
import androidx.compose.ui.text.font.FontWeight |
||||||
|
import androidx.compose.ui.unit.DpOffset |
||||||
|
import androidx.compose.ui.unit.DpSize |
||||||
|
import androidx.compose.ui.unit.IntOffset |
||||||
|
import androidx.compose.ui.unit.dp |
||||||
|
import androidx.compose.ui.window.WindowState |
||||||
|
import androidx.compose.ui.window.singleWindowApplication |
||||||
|
|
||||||
|
@OptIn(ExperimentalAnimationApi::class, ExperimentalMaterialApi::class) |
||||||
|
@Preview |
||||||
|
@Composable |
||||||
|
fun Words() { |
||||||
|
val density = LocalDensity.current |
||||||
|
val duration = 5000 |
||||||
|
|
||||||
|
val infiniteTransition = rememberInfiniteTransition() |
||||||
|
val angle by infiniteTransition.animateFloat( |
||||||
|
initialValue = -50f, |
||||||
|
targetValue = 30f, |
||||||
|
animationSpec = infiniteRepeatable( |
||||||
|
animation = tween(duration, easing = FastOutSlowInEasing), |
||||||
|
repeatMode = RepeatMode.Reverse |
||||||
|
) |
||||||
|
) |
||||||
|
val scale by infiniteTransition.animateFloat( |
||||||
|
initialValue = 1f, |
||||||
|
targetValue = 7f, |
||||||
|
animationSpec = infiniteRepeatable( |
||||||
|
animation = tween(duration, easing = FastOutSlowInEasing), |
||||||
|
repeatMode = RepeatMode.Reverse |
||||||
|
) |
||||||
|
) |
||||||
|
|
||||||
|
val logoSvg = remember { |
||||||
|
useResource("compose-community-primary.svg") { loadSvgPainter(it, density) } |
||||||
|
} |
||||||
|
|
||||||
|
val baseLogo = DpOffset(350.dp, 270.dp) |
||||||
|
|
||||||
|
val baseText = DpOffset(350.dp, 270.dp) |
||||||
|
|
||||||
|
val baseRu = DpOffset(100.dp, 100.dp) |
||||||
|
val baseEn = DpOffset(100.dp, 600.dp) |
||||||
|
val baseCh = DpOffset(600.dp, 100.dp) |
||||||
|
val baseJa = DpOffset(600.dp, 600.dp) |
||||||
|
|
||||||
|
val color1 = Color(0x6B, 0x57, 0xFF) |
||||||
|
val color2 = Color(0xFE, 0x28, 0x57) |
||||||
|
val color3 = Color(0xFD, 0xB6, 0x0D) |
||||||
|
val color4 = Color(0xFC, 0xF8, 0x4A) |
||||||
|
|
||||||
|
Column(modifier = Modifier |
||||||
|
.fillMaxSize() |
||||||
|
.padding(16.dp) |
||||||
|
) { |
||||||
|
Word(position = baseRu, angle = angle, scale = scale, text = "Ваш", color = color1) |
||||||
|
Word(position = baseEn, angle = angle, scale = scale, text = "Your", color = color2) |
||||||
|
Word(position = baseCh, angle = angle, scale = scale, text = "您的", color = color3) |
||||||
|
Word(position = baseJa, angle = angle, scale = scale, text = "あなたの", color = color4) |
||||||
|
Word(position = baseText, angle = 0f, scale = 6f, text = " Compose\nMultiplatform", color = Color(52, 67, 235), |
||||||
|
alpha = 0.4f) |
||||||
|
|
||||||
|
val size = 80.dp * scale |
||||||
|
Image(logoSvg, contentDescription = "Logo", |
||||||
|
modifier = Modifier |
||||||
|
.offset(baseLogo.x - size / 2, baseLogo.y - size / 2) |
||||||
|
.size(size) |
||||||
|
.rotate(angle * 2f) |
||||||
|
) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@Composable |
||||||
|
fun Word(position: DpOffset, angle: Float, scale: Float, text: String, |
||||||
|
color: Color, alpha: Float = 0.8f) { |
||||||
|
Text( |
||||||
|
modifier = Modifier |
||||||
|
.offset(position.x, position.y) |
||||||
|
.rotate(angle) |
||||||
|
.scale(scale) |
||||||
|
.alpha(alpha), |
||||||
|
color = color, |
||||||
|
fontWeight = FontWeight.Bold, |
||||||
|
text = text, |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
@Composable |
||||||
|
@Preview |
||||||
|
fun FallingSnow() { |
||||||
|
BoxWithConstraints(Modifier.fillMaxSize()) { |
||||||
|
repeat(50) { |
||||||
|
val size = remember { 20.dp + 10.dp * Math.random().toFloat() } |
||||||
|
val alpha = remember { 0.10f + 0.15f * Math.random().toFloat() } |
||||||
|
val sizePx = with(LocalDensity.current) { size.toPx() } |
||||||
|
val x = remember { (constraints.maxWidth * Math.random()).toInt() } |
||||||
|
|
||||||
|
val infiniteTransition = rememberInfiniteTransition() |
||||||
|
val t by infiniteTransition.animateFloat( |
||||||
|
initialValue = 0f, |
||||||
|
targetValue = 1f, |
||||||
|
animationSpec = infiniteRepeatable( |
||||||
|
animation = tween(16000 + (16000 * Math.random()).toInt(), easing = LinearEasing), |
||||||
|
repeatMode = RepeatMode.Restart |
||||||
|
) |
||||||
|
) |
||||||
|
val initialT = remember { Math.random().toFloat() } |
||||||
|
val actualT = (initialT + t) % 1f |
||||||
|
val y = (-sizePx + (constraints.maxHeight + sizePx) * actualT).toInt() |
||||||
|
|
||||||
|
Box( |
||||||
|
Modifier |
||||||
|
.offset { IntOffset(x, y) } |
||||||
|
.clip(CircleShape) |
||||||
|
.alpha(alpha) |
||||||
|
.background(Color.White) |
||||||
|
.size(size) |
||||||
|
) |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@Composable |
||||||
|
@Preview |
||||||
|
fun Background() = Box( |
||||||
|
Modifier |
||||||
|
.fillMaxSize() |
||||||
|
.background(Color(0xFF6F97FF)) |
||||||
|
) |
||||||
|
|
||||||
|
@Composable |
||||||
|
@Preview |
||||||
|
fun RotatingWords() { |
||||||
|
Background() |
||||||
|
FallingSnow() |
||||||
|
Words() |
||||||
|
} |
||||||
@ -0,0 +1,255 @@ |
|||||||
|
package org.jetbrains.compose.demo.visuals |
||||||
|
|
||||||
|
import androidx.compose.desktop.ui.tooling.preview.Preview |
||||||
|
import androidx.compose.foundation.background |
||||||
|
import androidx.compose.foundation.layout.* |
||||||
|
import androidx.compose.foundation.shape.RoundedCornerShape |
||||||
|
import androidx.compose.material.* |
||||||
|
import androidx.compose.runtime.* |
||||||
|
import androidx.compose.ui.ExperimentalComposeUiApi |
||||||
|
import androidx.compose.ui.Modifier |
||||||
|
import androidx.compose.ui.draw.* |
||||||
|
import androidx.compose.ui.graphics.Color |
||||||
|
import androidx.compose.ui.input.pointer.pointerMoveFilter |
||||||
|
import androidx.compose.ui.text.font.FontWeight |
||||||
|
import androidx.compose.ui.unit.dp |
||||||
|
import androidx.compose.ui.window.Window |
||||||
|
import androidx.compose.ui.window.WindowPosition |
||||||
|
import androidx.compose.ui.window.WindowState |
||||||
|
import kotlin.math.* |
||||||
|
|
||||||
|
@Composable |
||||||
|
fun WaveEffect(onCloseRequest: () -> Unit, showControls: Boolean) { |
||||||
|
var windowState = remember { WindowState(width = 1200.dp, height = 800.dp) } |
||||||
|
Window(onCloseRequest = {}, undecorated = true, transparent = true, state = windowState) { |
||||||
|
Grid() |
||||||
|
} |
||||||
|
|
||||||
|
if (showControls) { |
||||||
|
Window( |
||||||
|
onCloseRequest = onCloseRequest, |
||||||
|
state = WindowState(width = 200.dp, height = 400.dp, position = WindowPosition(1400.dp, 200.dp)) |
||||||
|
) { |
||||||
|
Column { |
||||||
|
SettingsPanel(State.red, "Red") |
||||||
|
SettingsPanel(State.green, "Green") |
||||||
|
SettingsPanel(State.blue, "Blue") |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@OptIn(ExperimentalComposeUiApi::class) |
||||||
|
@Composable |
||||||
|
@Preview |
||||||
|
fun Grid() { |
||||||
|
var mouseX by remember { mutableStateOf(0) } |
||||||
|
var mouseY by remember { mutableStateOf(0) } |
||||||
|
var centerX by remember { mutableStateOf(1200) } |
||||||
|
var centerY by remember { mutableStateOf(900) } |
||||||
|
var vX by remember { mutableStateOf(0) } |
||||||
|
var vY by remember { mutableStateOf(0) } |
||||||
|
|
||||||
|
var time by remember { mutableStateOf(System.nanoTime()) } |
||||||
|
var prevTime by remember { mutableStateOf(System.nanoTime()) } |
||||||
|
|
||||||
|
if (State.mouseUsed) { |
||||||
|
centerX = (centerX + vX * (time - prevTime) / 1000000000).toInt() |
||||||
|
if (centerX < -100) centerX = -100 |
||||||
|
if (centerX > 2600) centerX = 2600 |
||||||
|
vX = |
||||||
|
(vX * (1 - (time - prevTime).toDouble() / 500000000) + 10 * (mouseX - centerX) * (time - prevTime) / 1000000000).toInt() |
||||||
|
centerY = (centerY + vY * (time - prevTime) / 1000000000).toInt() |
||||||
|
if (centerY < -100) centerY = -100 |
||||||
|
if (centerY > 1800) centerY = 1800 |
||||||
|
vY = |
||||||
|
(vY * (1 - (time - prevTime).toDouble() / 500000000) + 5 * (mouseY - centerY) * (time - prevTime) / 1000000000).toInt() |
||||||
|
|
||||||
|
prevTime = time |
||||||
|
} |
||||||
|
|
||||||
|
Surface( |
||||||
|
modifier = Modifier.fillMaxSize().padding(5.dp).shadow(3.dp, RoundedCornerShape(20.dp)) |
||||||
|
.pointerMoveFilter(onMove = { mouseX = it.x.toInt(); mouseY = it.y.toInt(); false; }, |
||||||
|
onEnter = { State.mouseUsed = true; false; }, onExit = { State.mouseUsed = false; false; }), |
||||||
|
color = Color(0, 0, 0), |
||||||
|
shape = RoundedCornerShape(20.dp) |
||||||
|
) { |
||||||
|
Box(Modifier.fillMaxSize()) { |
||||||
|
var x = 10 // initial position |
||||||
|
var y = 10 // initial position |
||||||
|
val shift = 25 |
||||||
|
var evenRow = false |
||||||
|
var pointerOffsetX = (centerX / 2) |
||||||
|
var pointerOffsety = (centerY / 2) |
||||||
|
while (y < 790) { |
||||||
|
x = if (evenRow) 10 + shift else 10 |
||||||
|
while (x < 1190) { |
||||||
|
var size: Int = size(x, y, pointerOffsetX, pointerOffsety) |
||||||
|
var color = boxColor(x, y, time, pointerOffsetX, pointerOffsety) |
||||||
|
Dot(size, Modifier.offset(x.dp, y.dp), color, time) |
||||||
|
x += shift * 2 |
||||||
|
} |
||||||
|
y += shift |
||||||
|
evenRow = !evenRow |
||||||
|
} |
||||||
|
HighPanel(pointerOffsetX, pointerOffsety) |
||||||
|
} |
||||||
|
|
||||||
|
LaunchedEffect(Unit) { |
||||||
|
while (true) { |
||||||
|
withFrameNanos { |
||||||
|
time = it |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@Composable |
||||||
|
fun HighPanel(mouseX: Int, mouseY: Int) { |
||||||
|
Text( |
||||||
|
"Compose", |
||||||
|
androidx.compose.ui.Modifier.offset(270.dp, 600.dp).scale(7.0f).alpha(alpha(mouseX, mouseY, 270, 700)), |
||||||
|
color = colorMouse(mouseX, mouseY, 270, 700), |
||||||
|
fontWeight = FontWeight.Bold |
||||||
|
) |
||||||
|
Text( |
||||||
|
"Multiplatform", |
||||||
|
androidx.compose.ui.Modifier.offset(350.dp, 700.dp).scale(7.0f).alpha(alpha(mouseX, mouseY, 550, 800)), |
||||||
|
color = colorMouse(mouseX, mouseY, 550, 800), |
||||||
|
fontWeight = FontWeight.Bold |
||||||
|
) |
||||||
|
Text( |
||||||
|
"1.0", |
||||||
|
androidx.compose.ui.Modifier.offset(800.dp, 700.dp).scale(7.0f).alpha(alpha(mouseX, mouseY, 800, 800)), |
||||||
|
color = colorMouse(mouseX, mouseY, 800, 800), |
||||||
|
fontWeight = FontWeight.Bold |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
private fun alpha(mouseX: Int, mouseY: Int, x: Int, y: Int): Float { |
||||||
|
var d = distance(mouseX, mouseY, x, y) |
||||||
|
if (d > 450) return 0.0f |
||||||
|
d = d / 450 - 0.1 |
||||||
|
return (1 - d * d).toFloat() |
||||||
|
} |
||||||
|
|
||||||
|
private fun colorMouse(mouseX: Int, mouseY: Int, x: Int, y: Int): Color { |
||||||
|
var d = distance(mouseX, mouseY, x, y) / 450 |
||||||
|
val color1 = Color(0x6B, 0x57, 0xFF) |
||||||
|
val color2 = Color(0xFE, 0x28, 0x57) |
||||||
|
val color3 = Color(0xFD, 0xB6, 0x0D) |
||||||
|
val color4 = Color(0xFC, 0xF8, 0x4A) |
||||||
|
if (d > 1) return color1 |
||||||
|
if (d > 0.66) return balancedColor(3 * d - 2, color1, color2) |
||||||
|
if (d > 0.33) return balancedColor(3 * d - 1, color2, color3) |
||||||
|
return balancedColor(3 * d, color3, color4) |
||||||
|
} |
||||||
|
|
||||||
|
private fun balancedColor(d: Double, color1: Color, color2: Color): Color { |
||||||
|
if (d > 1) return color1 |
||||||
|
if (d < 0) return color2 |
||||||
|
val red = ((color1.red * d + color2.red * (1 - d)) * 255).toInt() |
||||||
|
val green = ((color1.green * d + color2.green * (1 - d)) * 255).toInt() |
||||||
|
val blue = ((color1.blue * d + color2.blue * (1 - d)) * 255).toInt() |
||||||
|
return Color(red, green, blue) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
private fun distance(x1: Int, y1: Int, x2: Int, y2: Int): Double { |
||||||
|
return sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2).toDouble()) |
||||||
|
} |
||||||
|
|
||||||
|
@Composable |
||||||
|
fun Dot(size: Int, modifier: Modifier, color: Color, time: Long) { |
||||||
|
Box( |
||||||
|
modifier.rotate(time.toFloat() / (15 * 10000000)).clip(RoundedCornerShape((3 + size / 20).dp)) |
||||||
|
.size(width = size.dp, height = size.dp) |
||||||
|
) { |
||||||
|
Box(modifier = Modifier.fillMaxSize().background(color)) { |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
private fun size(x: Int, y: Int, mouseX: Int, mouseY: Int): Int { |
||||||
|
val addSize = 3 |
||||||
|
var result = 5 |
||||||
|
if (y > 550 && x < 550) return result |
||||||
|
if (y > 650 && x < 900) return result |
||||||
|
var distance2 = sqrt((x - mouseX) * (x - mouseX) + (y - mouseY) * (y - mouseY).toDouble()) / 200 |
||||||
|
val scale: Double = (if (distance2 < 1) { |
||||||
|
addSize * (1 - distance2) |
||||||
|
} else 0.toDouble()) |
||||||
|
result += (if (State.mouseUsed) round(7.5 * scale).toInt() else 0) |
||||||
|
return result |
||||||
|
} |
||||||
|
|
||||||
|
private fun boxColor(x: Int, y: Int, time: Long, mouseX: Int, mouseY: Int): Color { |
||||||
|
if (!State.mouseUsed) return Color.White |
||||||
|
|
||||||
|
val color1 = Color(0x6B, 0x57, 0xFF) |
||||||
|
val color2 = Color(0xFE, 0x28, 0x57) |
||||||
|
val color3 = Color(0xFC, 0xF8, 0x4A) |
||||||
|
|
||||||
|
val distance = sqrt(((x - mouseX) * (x - mouseX) + (y - mouseY) * (y - mouseY)).toDouble()) |
||||||
|
val fade = exp(-1 * distance * distance / 150000) |
||||||
|
|
||||||
|
var c1 = sin(12 * distance / 450 - (time.toDouble() / (5 * 100000000))) |
||||||
|
if (c1 < 0) c1 = 0.0 |
||||||
|
var c2 = sin(2 + 12 * distance / 450 - (time.toDouble() / (5 * 100000000))) |
||||||
|
if (c2 < 0) c2 = 0.0 |
||||||
|
var c3 = sin(4 + 12 * distance / 450 - (time.toDouble() / (5 * 100000000))) |
||||||
|
if (c3 < 0) c3 = 0.0 |
||||||
|
var color = Color.White |
||||||
|
|
||||||
|
if (c1 <= 0) { |
||||||
|
var d = c2 / (c2 + c3) |
||||||
|
color = balancedColor(d, color2, color3) |
||||||
|
} else if (c2 <= 0) { |
||||||
|
var d = c3 / (c1 + c3) |
||||||
|
color = balancedColor(d, color3, color1) |
||||||
|
} else if (c3 <= 0) { |
||||||
|
var d = c1 / (c1 + c2) |
||||||
|
color = balancedColor(d, color1, color2) |
||||||
|
} |
||||||
|
|
||||||
|
return balancedColor(fade, color, Color.White) |
||||||
|
} |
||||||
|
|
||||||
|
internal class ColorSettings { |
||||||
|
var enabled by mutableStateOf(true) |
||||||
|
var waveLength by mutableStateOf(30.0) |
||||||
|
var simple by mutableStateOf(true) |
||||||
|
var period by mutableStateOf(80.0) |
||||||
|
} |
||||||
|
|
||||||
|
private class State { |
||||||
|
companion object { |
||||||
|
var red by mutableStateOf(ColorSettings()) |
||||||
|
var green by mutableStateOf(ColorSettings()) |
||||||
|
var blue by mutableStateOf(ColorSettings()) |
||||||
|
var mouseUsed by mutableStateOf(false) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@Composable |
||||||
|
internal fun SettingsPanel(settings: ColorSettings, name: String) { |
||||||
|
Row { |
||||||
|
Text(name) |
||||||
|
Checkbox(settings.enabled, onCheckedChange = { settings.enabled = it }) |
||||||
|
Checkbox(settings.simple, onCheckedChange = { settings.simple = it }) |
||||||
|
Slider( |
||||||
|
(settings.waveLength.toFloat() - 10) / 90, |
||||||
|
{ settings.waveLength = 10 + 90 * it.toDouble() }, |
||||||
|
Modifier.width(100.dp) |
||||||
|
) |
||||||
|
Slider( |
||||||
|
(settings.period.toFloat() - 10) / 90, |
||||||
|
{ settings.period = 10 + 90 * it.toDouble() }, |
||||||
|
Modifier.width(100.dp) |
||||||
|
) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,27 @@ |
|||||||
|
package org.jetbrains.compose.demo.visuals |
||||||
|
|
||||||
|
import androidx.compose.ui.unit.DpSize |
||||||
|
import androidx.compose.ui.unit.dp |
||||||
|
import androidx.compose.ui.window.WindowState |
||||||
|
import androidx.compose.ui.window.application |
||||||
|
import androidx.compose.ui.window.singleWindowApplication |
||||||
|
|
||||||
|
fun mainWords() = singleWindowApplication( |
||||||
|
title = "Compose Demo", state = WindowState(size = DpSize(830.dp, 830.dp)) |
||||||
|
) { |
||||||
|
RotatingWords() |
||||||
|
} |
||||||
|
|
||||||
|
fun mainWave(controls: Boolean) = application { |
||||||
|
WaveEffect(::exitApplication, controls) |
||||||
|
} |
||||||
|
|
||||||
|
fun main(args: Array<String>) { |
||||||
|
if (args.isEmpty()) return mainWords() |
||||||
|
when (val effect = args[0]) { |
||||||
|
"words" -> mainWords() |
||||||
|
"wave" -> mainWave(false) |
||||||
|
"wave-controls" -> mainWave(true) |
||||||
|
else -> throw Error("Unknown effect: $effect") |
||||||
|
} |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 17 KiB |
Loading…
Reference in new issue