private void LinkFn(CanvasPieceLayoutScope scope, jQueryObject element, dynamic attr) { element.Width(scope.Width); element.Height(scope.Height); element[0].Style.Display = "inline-block"; var context = (CanvasRenderingContext2D)((CanvasElement)element[0]).GetContext(CanvasContextId.Render2D); Action updatePieceLayout = () => { context.Canvas.Width = context.Canvas.Width; context.Me().webkitImageSmoothingEnabled = false; context.Me().mozImageSmoothingEnabled = false; context.Me().imageSmoothingEnabled = false; context.FillStyle = "#FFFFFF"; context.FillRect(0, 0, scope.Width, scope.Height); context.BeginPath(); context.Rect(0, 0, scope.Width, scope.Height); context.Clip(); context.ClosePath(); if (scope.PieceLayout == null) return; var rect = scope.PieceLayout.GetRectangle(scope.ObjectData); context.Scale(scope.Width / ((double)rect.Width), scope.Height / ((double)rect.Height)); context.Translate(-rect.X, -rect.Y); scope.PieceLayout.DrawUI(context, true, -1, scope.ObjectData); }; scope.Watch("pieceLayout", updatePieceLayout); scope.Watch("pieceLayout.pieces", updatePieceLayout, true); }
private void LinkFn(CanvasPieceScope scope, jQueryObject element, dynamic attr) { element.Width(scope.Width); element.Height(scope.Height); element[0].Style.Display = scope.Inline ? "inline-block" : "block"; var context = (CanvasRenderingContext2D)((CanvasElement)element[0]).GetContext(CanvasContextId.Render2D); Action updateAsset = () => { context.Canvas.Width = context.Canvas.Width; context.Me().webkitImageSmoothingEnabled = false; context.Me().mozImageSmoothingEnabled = false; context.Me().imageSmoothingEnabled = false; var levelObjectAssetFrames = scope.Asset.Frames; if (levelObjectAssetFrames.Count == 0) return; levelObjectAssetFrames[0].DrawSimple(context, new Point(0, 0), scope.Width, scope.Height, false, false); }; scope.Watch("asset", updateAsset); scope.Watch("asset.frames", updateAsset); scope.Watch("asset.width", updateAsset); scope.Watch("asset.height", updateAsset); }
private void ResizeElement(jQueryObject element) { var xFactor = GetXFactor(element); if (xFactor != 0) { var initialWidth = element.GetDataValue("flexify-width").As <int?>(); if (initialWidth == null) { var width = element.GetWidth(); element.Data("flexify-width", width); initialWidth = width; } element.Width(Math.Truncate(initialWidth.Value + xFactor * xDifference)); } var yFactor = GetYFactor(element); if (yFactor != 0) { var initialHeight = element.GetDataValue("flexify-height").As <int?>(); if (initialHeight == null) { var height = element.GetHeight(); element.Data("flexify-height", height); initialHeight = height; } element.Height(Math.Truncate(initialHeight.Value + yFactor * yDifference)); } if (element.HasClass("require-layout")) { element.TriggerHandler("layout"); } }
private void LinkFn(CanvasTilePieceScope scope, jQueryObject element, dynamic attr) { element.Width(scope.Width); element.Height(scope.Height); if (scope.Edit) { element.Click(ev => { TilePieceInfo tilePieceInfo = scope.TilePiece; if (tilePieceInfo == null) return; var x = ev.OffsetX; var y = ev.OffsetY; var _x = (int)(x / ((double)scope.Width / TileChunk.Size)); var _y = (int)(y / ((double)scope.Height / TileChunk.Size)); // scope.DebugDrawOptions.OutlineTilePiece = scope.TileChunk.GetTilePieceInfo(_x, _y, true); }); } var zero = new Point(0, 0); var context = (CanvasRenderingContext2D)((CanvasElement)element[0]).GetContext(CanvasContextId.Render2D); Action updateTilePiece = () => { if (scope.TilePiece == null) return; var tilePiece = scope.TilePiece.GetTilePiece(); context.Canvas.Width = context.Canvas.Width; context.Me().webkitImageSmoothingEnabled = false; context.Me().mozImageSmoothingEnabled = false; context.Me().imageSmoothingEnabled = false; context.Scale(scope.Width / ((double)TileChunk.TileSideLength), scope.Height / ((double)TileChunk.TileSideLength)); tilePiece.DrawBase(context, zero, ChunkLayer.Low, false, false); tilePiece.DrawBase(context, zero, ChunkLayer.High, false, false); for (int index = 0; index < tilePiece.AnimatedPaletteIndexes.Count; index++) { var animatedPaletteIndex = tilePiece.AnimatedPaletteIndexes[index]; tilePiece.DrawAnimatedPalette(context, zero, ChunkLayer.Low, false, false, animatedPaletteIndex); tilePiece.DrawAnimatedPalette(context, zero, ChunkLayer.High, false, false, animatedPaletteIndex); } for (int index = 0; index < tilePiece.AnimatedTileIndexes.Count; index++) { var animatedTileIndex = tilePiece.AnimatedTileIndexes[index]; tilePiece.DrawAnimatedTile(context, zero, ChunkLayer.Low, false, false, animatedTileIndex); tilePiece.DrawAnimatedTile(context, zero, ChunkLayer.High, false, false, animatedTileIndex); } }; scope.Watch("tilePiece", updateTilePiece); Window.SetInterval(() => { /* if (tilePieceInfo == null) return; if (!tilePieceInfo.ShouldAnimate()) { if (scope.ShouldAnimate) { updateTilePiece(); } else scope.Digest(); } */ }, 1000 / 60); }
private void LoadFinish() { if (imageObject != null && imageObject.Is("img")) { if (Settings.DisplayType == 0) { imageObject.Height(height); } else if (Settings.DisplayType == 2) { imageObject.Width(width); } else { double widthFactor = width / imageElement.Width; double heightFactor = height / imageElement.Height; double factor = widthFactor < heightFactor ? widthFactor : heightFactor; imageObject .Width(Math.Round(imageElement.Width * factor)) .Height(Math.Round(imageElement.Height * factor)); } } else { imageObject = jQuery.FromHtml("<div></div>").Append(imagePart1Object).Append(imagePart2Object); if (Settings.DisplayType == 0) { imagePart1Object.Height(height); imagePart2Object.Height(height); imageObject.Height(height).Width(imageElementPart1.Width / imageElementPart1.Height * height * 2); } else if (Settings.DisplayType == 2) { int halfWidth = Math.Round(width / 2); imagePart1Object.Width(halfWidth); imagePart2Object.Width(halfWidth); imageObject.Width(halfWidth * 2); } else { double widthFactor = width / imageElementPart1.Width / 2; double heightFactor = height / imageElementPart1.Height; double factor = widthFactor < heightFactor ? widthFactor : heightFactor; int halfWidth = Math.Round(imageElementPart1.Width * factor); int sHeight = Math.Round(imageElementPart1.Height * factor); imagePart1Object.Width(halfWidth).Height(sHeight); imagePart2Object.Width(halfWidth).Height(sHeight); imageObject.Width(halfWidth * 2).Height(sHeight); } } loading = false; loaded = true; onload(); }
private void LinkFn(CanvasPieceLayoutEditScope scope, jQueryObject element, dynamic attr) { element.Width(scope.Width); element.Height(scope.Height); var mouseDown = false; var lastPosition = new FloatPoint(scope.Width / 2f, scope.Height / 2f); LevelObjectPieceLayoutPiece movingPiece = null; element.MouseDown((e) => { lastPosition.X = e.OffsetX; lastPosition.Y = e.OffsetY; mouseDown = true; var posX = (e.OffsetX - scope.ZeroPosition.X) / scope.Scale; var posY = (e.OffsetY - scope.ZeroPosition.Y) / scope.Scale; foreach (var levelObjectPieceLayoutPiece in scope.PieceLayout.Pieces) { LevelObjectPiece piece = scope.ObjectData.Pieces[levelObjectPieceLayoutPiece.PieceIndex]; var asset = scope.ObjectData.Assets[piece.AssetIndex]; if (asset.Frames.Count > 0) { var frm = asset.Frames[0]; if (pointInArea(levelObjectPieceLayoutPiece.X - frm.OffsetX, levelObjectPieceLayoutPiece.Y - frm.OffsetY, 30, posX, posY)) { movingPiece = levelObjectPieceLayoutPiece; scope.SelectedPieceLayoutPiece = movingPiece; lastPosition.X = posX; lastPosition.Y = posY; return; } } } }); element.MouseUp((e) => { mouseDown = false; movingPiece = null; }); element.MouseMove((e) => scope.Apply(() => { if (!mouseDown) return; var x = e.OffsetX; var y = e.OffsetY; if (movingPiece != null) { float posX = (e.OffsetX - scope.ZeroPosition.X) / scope.Scale; float posY = (e.OffsetY - scope.ZeroPosition.Y) / scope.Scale; if (Math.Abs((int)(posX - lastPosition.X)) > 0) { movingPiece.X += (int)(posX - lastPosition.X); lastPosition.X = posX; } if (Math.Abs((int)(posY - lastPosition.Y)) > 0) { movingPiece.Y += (int)(posY - lastPosition.Y); lastPosition.Y = posY; } } else { scope.ZeroPosition.X += (int)(x - lastPosition.X); scope.ZeroPosition.Y += (int)(y - lastPosition.Y); lastPosition.X = e.OffsetX; lastPosition.Y = e.OffsetY; } })); element[0].Style.Display = "inline-block"; var context = (CanvasRenderingContext2D)((CanvasElement)element[0]).GetContext(CanvasContextId.Render2D); scope.Scale = 1; scope.ZeroPosition = new Point(0, 0); Action updatePieceLayout = () => { context.Canvas.Width = context.Canvas.Width; context.Me().webkitImageSmoothingEnabled = false; context.Me().mozImageSmoothingEnabled = false; context.Me().imageSmoothingEnabled = false; context.FillStyle = "#FFFFFF"; context.FillRect(0, 0, scope.Width, scope.Height); context.BeginPath(); context.Rect(0, 0, scope.Width, scope.Height); context.Clip(); context.ClosePath(); context.Translate(scope.ZeroPosition.X, scope.ZeroPosition.Y); context.Scale(scope.Scale, scope.Scale); scope.PieceLayout.DrawUI(context, scope.ShowImages, scope.PieceLayout.Pieces.IndexOf(scope.SelectedPieceLayoutPiece), scope.ObjectData); }; scope.Watch("pieceLayout", updatePieceLayout); scope.Watch("pieceLayout.pieces", updatePieceLayout, true); scope.Watch("scale", updatePieceLayout); scope.Watch("showImages", updatePieceLayout); scope.Watch("zeroPosition", updatePieceLayout, true); scope.Watch("selectedPieceLayoutPiece", updatePieceLayout); }
private static void OnResizeSearchResults(jQueryObject searchResultsDiv) { int height = jQuery.Window.GetHeight(); searchResultsDiv.Height(height - 30); }
private static void OnResizeSearchResults(jQueryObject searchResultsDiv) { int height = jQuery.Window.GetHeight(); searchResultsDiv.Height(height - 30); }
private void LinkFn(CanvasTileChunkScope scope, jQueryObject element, dynamic attr) { element.Width(scope.Width); element.Height(scope.Height); if (scope.Edit) { element.Click(ev => { if (scope.TileChunk == null) return; var x = ev.OffsetX; var y = ev.OffsetY; var _x = (int)(x / ((double)scope.Width / TileChunk.Size)); var _y = (int)(y / ((double)scope.Height / TileChunk.Size)); scope.DebugDrawOptions.OutlineTilePiece = scope.TileChunk.GetTilePieceInfo(_x, _y, true); }); } var context = (CanvasRenderingContext2D)((CanvasElement)element[0]).GetContext(CanvasContextId.Render2D); Action updateTileChunk = () => { if (scope.TileChunk == null) return; var drawOptions = scope.DrawOptions ?? DefaultDrawOptions; context.Canvas.Width = context.Canvas.Width; context.Me().webkitImageSmoothingEnabled = false; context.Me().mozImageSmoothingEnabled = false; context.Me().imageSmoothingEnabled = false; context.Scale(scope.Width / ((double)TileChunk.Size), scope.Height / ((double)TileChunk.Size)); if (drawOptions.ShowLowLayer && !scope.TileChunk.OnlyForeground()) scope.TileChunk.Draw(context, new Point(0, 0), ChunkLayer.Low); if (drawOptions.ShowHighLayer && !scope.TileChunk.OnlyBackground()) scope.TileChunk.Draw(context, new Point(0, 0), ChunkLayer.High); if (scope.DebugDrawOptions != null) { if (drawOptions.ShowLowLayer && !scope.TileChunk.OnlyForeground()) scope.TileChunk.DrawAnimationDebug(context, new Point(0, 0), ChunkLayer.Low, scope.DebugDrawOptions); if (drawOptions.ShowHighLayer && !scope.TileChunk.OnlyBackground()) scope.TileChunk.DrawAnimationDebug(context, new Point(0, 0), ChunkLayer.High, scope.DebugDrawOptions); } }; scope.Watch("tileChunk", updateTileChunk); scope.Watch("drawOptions", updateTileChunk, true); scope.Watch("debugDrawOptions", updateTileChunk, true); scope.Watch("tileChunk.currentTileAnimationFrameIndexCache", updateTileChunk, true); scope.Watch("tileChunk.currentPaletteAnimationFrameIndexCache", updateTileChunk, true); Window.SetInterval(() => { if (scope.TileChunk == null) return; if (!scope.TileChunk.NeverAnimates()) { if (scope.ShouldAnimate) { updateTileChunk(); } else scope.Digest(); } }, 1000 / 60); }