300行代码不到的tornadofx拼图游戏

Stella981
• 阅读 448

300行代码不到的tornadofx拼图游戏

package com.cyy.game.pingtu

import javafx.application.Application
import javafx.beans.property.SimpleObjectProperty
import javafx.event.EventHandler
import javafx.geometry.Pos
import javafx.geometry.Rectangle2D
import javafx.scene.control.Alert
import javafx.scene.control.RadioButton
import javafx.scene.image.Image
import javafx.scene.image.ImageView
import javafx.scene.input.MouseEvent
import javafx.scene.layout.GridPane
import javafx.scene.layout.VBox
import javafx.stage.FileChooser
import tornadofx.*
import java.io.File
import java.util.*
import kotlin.math.sqrt

fun main(args: Array<String>) = Application.launch(PingTuApp::class.java, *args)

class PingTuApp : App(PingTuView::class)

class PingTuView : View("拼图") {
    var N = intProperty(4)
    var n = random(N.value - 1)              //自定义的函数,产生逆序数为偶数的不重复数组
    var m = findnum(n)  //找出那个不在随机数组里面的数字
    var imageViews = (1..N.value).map { ImageView() }.toTypedArray()
    // 大图片路径
    val imgPath = stringProperty("pingtu/1.png")
    // 空图片路径
    val imgBlankPath = "pingtu/2.png"
    lateinit var rbox: VBox
    lateinit var gridPane: GridPane
    lateinit var bigImageView: ImageView
    lateinit var smallImageView: ImageView
    val bigImage = SimpleObjectProperty<Image>()
    val smallImage = SimpleObjectProperty<Image>()
    // 大图片宽度
    val imageSize = 300.0
    // 每个小方格宽度
    var smallSize = imageSize / sqrt(N.value.toDouble())

    override val root = borderpane {
        paddingAll = 10
        prefHeight = 700.0
        prefWidth = 1000.0
        primaryStage.isResizable = false
        top = hbox(10) {
            alignment=Pos.CENTER
            button("选择图片") {
                action {
                    val imgType = listOf("*.jpg", "*.png", "*.bmp", "*.gif")
                    val efset = arrayOf(FileChooser.ExtensionFilter("$imgType", imgType))
                    val imgFile = chooseFile("选择图片", efset, FileChooserMode.Single) {
                        // p初始目录为当前项目目录
                        initialDirectory = File(File("").canonicalPath)
                    }
                    if (imgFile.isNotEmpty()) {
                        val imgPath = imgFile.first().toString().replace("\\", "/")
                        bigImage.value = Image(File(imgPath).inputStream())
                        imageViews=initImageViews1(N.value, imgPath)
                        initView(N.value, imgPath, smallSize,imageViews)
                    }
                }
            }

            togglegroup {
                listOf(4,9, 16, 25).map { v ->
                    radiobutton(v.toString(), this, v) { if (v === 4) isSelected = true }
                }
                selectedToggleProperty().addListener { _, _, _ ->
                    N.value = (selectedToggle as RadioButton).text.toInt()
                    smallSize = imageSize / sqrt(N.value.toDouble())
                }
            }

            button("重置") {
                action {
                    bigImage.value = Image(imgPath.value)

                    imageViews =initImageViews(N.value,imgPath.value)
                    initView(N.value, imgPath.value, smallSize,imageViews)
                }
            }
            paddingAll = 10
        }
        center = gridpane {
            alignment=Pos.CENTER

            gridPane = this
            isGridLinesVisible = true
        }
        right = vbox(20) {
            alignment=Pos.CENTER

            rbox = this
            //显示空格子的图片
            imageview(smallImage) {
                smallImageView = this
            }
            //完整的大图
            imageview(bigImage) {
                bigImageView = this
                fitHeight = imageSize
                fitWidth = imageSize
            }
        }
    }

    inner class Myevent : EventHandler<MouseEvent> {               //点击事件的实现
        override fun handle(arg0: MouseEvent) {
            val img = arg0.source as ImageView
            val sx = img.layoutX
            val sy = img.layoutY
            val dispx = sx - imageViews[m].layoutX
            val dispy = sy - imageViews[m].layoutY
            if (dispx == -smallSize && dispy == 0.0) {               //点击的空格左边的格子
                swapimg(img, imageViews[m])             //交换imageView
                if (issucc(imageViews)) {                          //判断是否拼成功
                    val alert = Alert(Alert.AlertType.WARNING, "成功!")
                    alert.show()
                }
            } else if (dispx == 0.0 && dispy == -smallSize) {        //上面的格子
                swapimg(img, imageViews[m])
                if (issucc(imageViews)) {
                    val alert = Alert(Alert.AlertType.WARNING, "成功!")
                    alert.show()
                }
            } else if (dispx == smallSize && dispy == 0.0) {               //右边的格子
                swapimg(img, imageViews[m])
                if (issucc(imageViews)) {
                    val alert = Alert(Alert.AlertType.WARNING, "成功!")
                    alert.show()
                }
            } else if (dispx == 0.0 && dispy == smallSize) {                //下面的格子
                swapimg(img, imageViews[m])
                if (issucc(imageViews)) {
                    val alert = Alert(Alert.AlertType.WARNING, "成功!")
                    alert.show()
                }
            }
        }

        fun swapimg(i1: ImageView, i2: ImageView) {              //交换两个imageView的实现
            val row1 = GridPane.getRowIndex(i1)
            val colu1 = GridPane.getColumnIndex(i1)
            val row2 = GridPane.getRowIndex(i2)
            val colu2 = GridPane.getColumnIndex(i2)

            GridPane.setRowIndex(i1, row2)
            GridPane.setColumnIndex(i1, colu2)
            GridPane.setRowIndex(i2, row1)
            GridPane.setColumnIndex(i2, colu1)
        }
    }

    init {
        imageViews =initImageViews(N.value,imgPath.value)
        initView(N.value, imgPath.value, smallSize,imageViews)
    }

    // nn : 9,16,25
    fun initView(nn: Int, imgPath: String, smallSize: Double,imageViews:Array<ImageView>) {
        n = random(nn)              //自定义的函数,产生逆序数为偶数的不重复数组
        m = findnum(n)  //找出那个不在随机数组里面的数字
        gridPane.clear()
        // nn1 =3,4,5
        val nn1 = sqrt(nn.toDouble()).toInt()
        var i = 0
        var k = 0
        while (i <= nn1 - 1) {
            var j = 0
            while (j <= nn1 - 1) {
                //切割图片
                imageViews[k].viewport = Rectangle2D(smallSize * j, smallSize * i, smallSize, smallSize)
                ++j
                ++k
            }
            ++i
        }

        // nn1-1=2,3,4
        var t = 0
        (0 until nn1).forEach { r ->
            (0 until nn1).forEach { c ->
                if (t < nn - 1) {
                    gridPane.add(imageViews[n[t]], c, r)
                }
                ++t
            }
        }

        smallImage.value = imageViews[m].image
        smallImageView.viewport = imageViews[m].viewport

        imageViews[m].image = Image(imgBlankPath) //2.png为一个透明图,放在空格子中
        gridPane.add(imageViews[m], nn1 - 1, nn1 - 1)
    }

    //读取类路径下的图片
    fun initImageViews(nn: Int, imgPath: String):Array<ImageView>{
        return (1..nn).map {
            imageview(imgPath) {
                onMouseClicked = Myevent()
            }
        }.toTypedArray()
    }
    //读取电脑文件系统中图片文件的路径
    fun initImageViews1(nn: Int, imgPath: String):Array<ImageView>{
        return (1..nn).map {
            imageview(Image(File(imgPath).inputStream())) {
                onMouseClicked = Myevent()
            }
        }.toTypedArray()
    }

    //判断是否拼成功
    fun issucc(imageViews: Array<ImageView>): Boolean {
        val t = imageViews.size
        imageViews.indices.forEach { i ->
            if (i != sqrt(t.toDouble()).toInt() * GridPane.getRowIndex(imageViews[i]) + GridPane.getColumnIndex(imageViews[i])) {
                return false
            }
        }
        return true
    }

    fun findnum(n: IntArray): Int {
        (n.indices).forEach { j ->
            if (j in n) {
            } else {
                return j
            }
        }

        return -1
    }

    //生成nn个不重复的逆序数为偶数的数字
    fun random(nn: Int): IntArray {
        var ran = IntArray(nn)
        while (!iso(ran)) {
            ran = random_num(nn)
        }
        return ran
    }

    //生成nn个不重复数
    fun random_num(nn: Int): IntArray {
        val r = IntArray(nn)
        val random = Random()
        var i = 0
        while (i < nn - 1) {
            r[i] = random.nextInt(nn)
            for (j in 0 until i) {
                while (r[i] == r[j]) {
                    i--
                    break
                }
            }
            ++i
        }
        return r
    }

    //判断逆序数是否为偶数
    fun iso(num: IntArray): Boolean {
        var sum = 0
        val t = num.size
        for (i in 0..t - 2) {
            for (j in i..t - 1) {
                if (num[i] > num[j]) {
                    sum++
                }
            }
        }
        return sum % 2 == 0 && sum != 0
    }
}
点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
2年前
java将前端的json数组字符串转换为列表
记录下在前端通过ajax提交了一个json数组的字符串,在后端如何转换为列表。前端数据转化与请求varcontracts{id:'1',name:'yanggb合同1'},{id:'2',name:'yanggb合同2'},{id:'3',name:'yang
Jacquelyn38 Jacquelyn38
2年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Wesley13 Wesley13
2年前
Java获得今日零时零分零秒的时间(Date型)
publicDatezeroTime()throwsParseException{    DatetimenewDate();    SimpleDateFormatsimpnewSimpleDateFormat("yyyyMMdd00:00:00");    SimpleDateFormatsimp2newS
Wesley13 Wesley13
2年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
2年前
Uber准备放弃自动驾驶,转手卖给前谷歌无人车CTO,估值曾被孙正义炒到72.5亿美元
!(https://oscimg.oschina.net/oscnet/0fe7cb00a0cf4872b022342d1e21d47e.png)杨净发自凹非寺量子位报道|公众号QbitAI最新消息,Uber要出售无人驾驶部门(ATG)了。据TechCrunch报道,Uber有意向出售,而也有人愿意买。
Wesley13 Wesley13
2年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
2年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
2年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
3个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这